<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<a href="javascript:;" onclick="tDMotion(5)">加载特定数据</a>
</body>
<script src="js/jquery-1.11.2.min.js"></script>
<script>
function commonMotion(num){
var i = 0;
commonMotionId = setInterval(function(){
i++;
console.log("i"+"====="+i+"==="+commonMotionId);
if(i == num){
i = 0;
}
},800);
};
var tDMotionId = null;
function tDMotion(num){
console.log(commonMotionId);
clearInterval(commonMotionId);
var b = 0;
//为什么不能在function()提供参数来传递数据了？
tDMotionId = setInterval(function(){
//b++;
if(b<num){
b++;
console.log("b"+"====="+b+"==="+tDMotionId);
}else if(b == num){
setInterval(tDMotionId);
commonMotion(20)
}
},800);
};
$(function(){
commonMotion(10);
});
</script>
</html>
问题：
为什么当tDMotionId定时器的变量b放在if语句内，再点击加载特定数据后在运行名为tDMotionId定时器方法后再调用名为commonMotionId定时器后，而它输出数据却是乱了而且其定时器方法的周期也失效了，这是为什么了？而把tDMotionId定时器的变量b放在if语句上面就不会出错，它们的数据却不会出错的，它们的定时器方法是无误的，这又是为什么了？
