JavaScript中的循环计时器

Question 1

我需要每2000毫秒执行一段JavaScript代码。

setTimeout('moveItem()',2000)

上面的代码将在2000毫秒后执行一个函数，但不会再次执行。

所以在我的moveItem函数中，我有：

function moveItem() {
    jQuery(".stripTransmitter ul li a").trigger('click');
    setInterval('moverItem()',2000);
}

这是行不通的，因为我想每隔2000毫秒执行一次触发器单击jQuery代码，但是现在一直在调用它，并且脚本需要中断。除此之外，我觉得这是非常糟糕的编码质量……你们将如何解决？

Question 2

请注意，setTimeout和setInterval是非常不同的功能：

setTimeout超时后将执行一次代码。
setInterval将在提供的超时间隔内永久执行代码。

这两个函数都返回一个计时器ID，您可以使用该ID终止超时。您要做的就是将该值存储在变量中，并将其分别用作clearTimeout(tid)或的参数clearInterval(tid)。

因此，根据您要执行的操作，您有两个有效的选择：

// set timeout
var tid = setTimeout(mycode, 2000);
function mycode() {
  // do some stuff...
  tid = setTimeout(mycode, 2000); // repeat myself
}
function abortTimer() { // to be called when you want to stop the timer
  clearTimeout(tid);
}

要么

// set interval
var tid = setInterval(mycode, 2000);
function mycode() {
  // do some stuff...
  // no need to recall the function (it's an interval, it'll loop forever)
}
function abortTimer() { // to be called when you want to stop the timer
  clearInterval(tid);
}

两者都是实现相同目标的非常常见的方式。

Question 3

setInterval(moveItem, 2000);

是每2秒执行一次功能的方式moveItem。代码中的主要问题是您是setInterval在回调内部而不是外部进行调用。如果我了解您要执行的操作，则可以使用以下方法：

function moveItem() {
    jQuery('.stripTransmitter ul li a').trigger('click');
}

setInterval(moveItem, 2000);

注意：不要将字符串传递给setTimeout或setInterval-最佳做法是传递匿名函数或函数标识符（如我上面所述）。另外，请注意不要混用单引号和双引号。选择一个并坚持下去。

Question 4

我相信您正在寻找setInterval（）

Question 5

它应该是：

function moveItem() {
  jQuery(".stripTransmitter ul li a").trigger('click');
}
setInterval(moveItem,2000);

setInterval(f, t)f每t毫秒调用一次参数函数。

Question 6

这里有带有html代码的自动循环功能。我希望这对某人可能有用。

<!DOCTYPE html>
<html>
<head>
<style>
div {
position: relative;
background-color: #abc;
width: 40px;
height: 40px;
float: left;
margin: 5px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p><button id="go">Run »</button></p>
<div class="block"></div>
<script>

function test() {
$(".block").animate({left: "+=50", opacity: 1}, 500 );
   setTimeout(mycode, 2000);
};
$( "#go" ).click(function(){
test();
});
</script>
</body>
</html>

小提琴：演示

Question 7

您应该尝试这样的事情：

 function update(){
    i++;
    document.getElementById('tekst').innerHTML = i;
    setInterval(update(),1000);
    }

这意味着您必须创建一个函数，在其中您需要做的事情，并确保它会以您喜欢的间隔调用自身。在您的体内onload首次调用该函数，如下所示：

<body onload="update()">