JavaScript 中只能有一次超时吗？

Question

这段代码似乎不起作用...它在很长一段时间后才显示 twCharCount 元素一次。难道超时时间只能设置一个吗？有什么建议可以让这段代码变得更好吗？ 感谢您的任何建议...

var timer = new Array();
var t=0;
var step=1000;
counter.hide();
var t =+ step;
timer[0] = setTimeout("$('#twCharCount').show()",t);
var t =+ step;
timer[1] = setTimeout("$('#twCharCount').hide()",t);
var t =+ step;
timer[2] = setTimeout("$('#twCharCount').show()",t);
var t =+ step;
timer[3] = setTimeout("$('#twCharCount').hide()",t);
var t =+ step;
timer[4] = setTimeout("$('#twCharCount').show()",t);

---

好吧..我很抱歉...我在写这篇文章时有点不太清醒... 当然，我一直在重新标记......这就是为什么所有的都同步执行......

Answer 1

var intervalId = window.setInterval(function() {
    $('#twCharCount').toggle();
}, 1000);

并停止闪烁window.clearInterval(intervalId);。

Answer 2

难道只是一些语法问题：

var timer = [];
var t=0;
var step=1000;
counter.hide();
t += step;
timer[0] = setTimeout("$('#twCharCount').show()", t);
t += step;
timer[1] = setTimeout("$('#twCharCount').hide()", t);
t += step;
timer[2] = setTimeout("$('#twCharCount').show()", t);
t += step;
timer[3] = setTimeout("$('#twCharCount').hide()", t);
t += step;
timer[4] = setTimeout("$('#twCharCount').show()", t);

t =+step; 应该是 t += step;

并且您不应该一遍又一遍地重新声明 t 。

Answer 3

该代码在很多方面都是错误的:(。
您的函数都被同时调用，因为它们的时间 (t) 相同。

如果你想增加t，你可能不应该在每次访问时声明它（仅使用var t = ...一次；之后你可以通过它的名称访问它: t = ...)，您可能应该使用 += 而不是 =+：
a += b 是 a = a + b 的快捷方式，而 a =+ b 是 a = parseInt 的快捷方式(b).
您可能想写：

var timer = [];
var t=0;
var step=1000;
counter.hide();
t += step;
timer[0] = setTimeout("$('#twCharCount').show()", t);
t += step;
timer[1] = setTimeout("$('#twCharCount').hide()", t);
t += step;
timer[2] = setTimeout("$('#twCharCount').show()", t);
t += step;
timer[3] = setTimeout("$('#twCharCount').hide()", t);
t += step;
timer[4] = setTimeout("$('#twCharCount').show()", t);

还有一件事，最好传递一个函数而不是一个字符串作为 setTimeout 函数的第一个参数：

setTimeout(function(){$('#twCharCount').show();},t);

抱歉，但我无法帮助自己，这就是为您优化的代码：

var timer = [],
step = 1000,
n = 4,
el = $('#twChartCount');
for(var i=0;i<n;i++)
    if(i%2)
        timer[i] = setTimeout(function(){el.hide();},i*step);
    else
        timer[i] = setTimeout(function(){el.show()},i*step);

Answer 4

活动超时的数量实际上没有限制。

我没有看到你的代码有任何真正的问题。问题可能不是超时，而是您正在执行的命令。

附加说明（与您的问题无关，但值得一提）：

• 每个函数只需要为变量使用一次“var”语句。
• 在这种情况下，我会使用timer.push()而不是timer[...]，
• 你可以使用单个setInterval()来代替

Answer 5

var show = false;
window.setInterval(function() {
   if(show)
   {
      show = false;
      $('#twCharCount').show();
   }
   else
   {
      show = true;
      $('#twCharCount').hide();
   }
}, 1000);