Javascript 中 setInterval 函数怎么用？

码农天地 - 2020-06-24 01:29:44

---

在JavaScript中setInterval函数的作用是按照指定的周期时间来调用函数或计算表达，其语法为“setInterval(func,ms)”，返回值是一个ID，可以将这个ID传递给“clearInterval”函数来取消执行。

使用示例

你可以通过调用一个已命名的函数，每三秒（3000 毫秒）弹出 "Hello":

var myVar; function myFunction() { myVar = setInterval(alertFunc, 3000);} function alertFunc() { alert("Hello!");}

显示当前时间( setInterval() 方法会每秒执行一次函数，类似手表功能):

var myVar = setInterval(function(){ myTimer() }, 1000); function myTimer() { var d = new Date(); var t = d.toLocaleTimeString(); document.getElementById("demo").innerHTML = t;}

使用 clearInterval() 来停止 setInterval 的执行：

var myVar = setInterval(function(){ myTimer() }, 1000); function myTimer() { var d = new Date(); var t = d.toLocaleTimeString(); document.getElementById("demo").innerHTML = t;} function myStopFunction() { clearInterval(myVar);}

使用 setInterval() 和 clearInterval()来创建动态进度条：

function move() { var elem = document.getElementById("myBar"); var width = 0; var id = setInterval(frame, 10); function frame() { if (width == 100) { clearInterval(id); } else { width++; elem.style.width = width + '%'; } }}

Tags 标签