Question

js 中 setInterval的执行次数问题

<script type="text/javascript">
var timeDao=100;
function dao()
{
divD.innerText=timeDao;
if(timeDao==0)
{
return;
sh.close;
}
timeDao--;
var sh;

sh=setInterval("dao()",1000);
}
</script>
<div id="divD" onclick="dao()">sdfa</div>

当我单击一次！它的数字跳法是从100-->99-->97-->93-->85-->69-->37-->0
不是每秒自减1！！！！！！
我要的是1秒减1

Answer 1

虽然是老问题了，但是好像没看到有人解释一下为什么出错，上来给大家补一个

setInterval被包含在Interval所调用的函数里了，这就意味着每次循环，都会再启动一个Interval

也就是说，第一次的循环

timeDao--;

计数100 - 1 = 99

并且添加一个新的循环 （当前有 2 个循环进程）

第二次循环

99 - 1 = 98

98 - 1 = 97

并且两个现有循环各添加一个新的循环（当前有 4 个循环进程）

第三次循环

97 - 1 = 96

96 - 1 = 95

95 - 1 = 94

94 - 1 = 93

... (不用再往下写了，相信已经说明了问题)

以下为修改代码：

<script type="text/javascript">
var sh = null;  // 时钟对象
var timeDao = 100;  // 计数器

// FUNCTION :: dao ()
// 计数递减函数
function dao () {
    divD.innerText = timeDao;
    if(timeDao == 0) {
        if (sh != null) clearInterval(sh);
        sh = null;
        return;
    }
    timeDao--;
}

// FUNCTION :: startsh ()
// 启动计时器
function startsh () {
    sh = setInterval("dao()", 1000);
}
</script>
<div id="divD" onclick="startsh()">sdfa</div>

Answer 2

<script type="text/javascript">
var timeDao=100;
var sh = null;
function dao()
{
divD.innerText=timeDao;
if(timeDao==0)
{
return;
sh.close;
}
timeDao--;
if(sh==null)sh=setInterval("dao()",1000);
}
</script>
<div id="divD" onclick="dao()">sdfa</div>

Answer 3

应该这样子就好了
<script type="text/javascript">
var timeDao=100;
var i=1;
function dao()
{
divD.innerText=timeDao;
if(timeDao==0)
{
return;
sh.close;
}

timeDao=timeDao-i>0?timeDao-i:0;
i=i*2;
var sh;

sh=setInterval("dao()",1000);
}
</script>
<div id="divD" onclick="dao()">sdfa</div>

追问

没好~~~~