定期运行 JavaScript 函数

IT技术 javascript
2021-03-13 19:54:25

我目前正在建立一个网站来托管软件。我想要的是添加到项目页面的是循环截图的幻灯片,大约每 5 秒更改一次图像。有没有办法只使用 JavaScript 以时间间隔触发脚本?..或者我是否必须求助于其他方法来实现我想要的功能。在此先感谢您的帮助!

4个回答

setInterval

function doSomething() {
    alert('This pops up every 5 seconds and is annoying!');
}

setInterval(doSomething, 5000); // Time in milliseconds

将您想要每n毫秒重复调用一次的函数传递给它(setTimeout顺便说一下,将调用一个带有超时的函数。)

如果您想停止计时器,请保留setInterval的返回值并将其传递给clearInterval

你想要这个setInterval功能。

setInterval(function() {
  // This will be executed every 5 seconds
}, 5000); // 5000 milliseconds

基本参考:http : //www.w3schools.com/jsref/met_win_setinterval.asp(请忽略对“lang”参数的引用)

更深入的参考:https : //developer.mozilla.org/en-US/docs/Web/API/window.setInterval

W3schools 可能不是最准确的,但它在头脑和眼睛上更容易。除了刚刚发现 setinterval 的人之外,没有看到 c 代码、在浏览器中尝试它并获得组织参考将大大受益。
2021-04-22 19:54:25
好的,我现在两个都有:P
2021-04-25 19:54:25
@MuhammadUmer:正如你所说,这是一种误导,我认为“几乎正确”是一个可怕的垫脚石。是时候找到元问题了!
2021-05-05 19:54:25
是的,这是真的。我会换一个更好的。
2021-05-07 19:54:25
那么仅仅因为某些内容不准确但易于阅读就使其成为一个很好的资源?这就像走进教室,期望学习物理但学习如何烤面包并对结果感到满意
2021-05-10 19:54:25

您可以使用 window.setInterval

示例用法:

window.setInterval(function () {
    console.log("foo");
}, 3000);

它更改 div 中的日期时间,并且时间在 1 秒后频繁更改。

    setInterval(function(){
      var date=new Date();
      $('.class').html(date);
    },1000);