JavaScript中setInterval()方法怎么用

小编给大家分享一下JavaScript中setInterval()方法怎么用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

宁夏网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作，到程序开发，运营维护。创新互联于2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

JavaScript setInterval() 方法操作实践

setInterval() 方法在每个给定的时间间隔重复给定的函数。

window.setInterval(function, milliseconds);

window.setInterval() 方法可以不带 window 前缀来写。

第一个参数是要执行的函数。

第二个参数每个执行之间的时间间隔的长度。

本例每秒执行一次函数 "myTimer"（就像数字手表）。

实例

显示当前时间：

var myVar = setInterval(myTimer, 1000);

function myTimer() {

    var d = new Date();

    document.getElementById("demo").innerHTML = d.toLocaleTimeString();

}

一秒有 1000 毫秒。

如何停止执行？

clearInterval() 方法停止 setInterval() 方法中指定的函数的执行。

window.clearInterval(timerVariable)

window.clearInterval() 方法可以不带 window 前缀来写。

clearInterval() 方法使用从 setInterval() 返回的变量：

myVar = setInterval(function, milliseconds);

clearInterval(myVar);

实例

类似上例，但是我们添加了一个“停止时间”按钮：

<p id="demo"></p>

<button onclick="clearInterval(myVar)">停止时间</button>

<script>

var myVar = setInterval(myTimer, 1000);

 function myTimer() {

    var d = new Date();

    document.getElementById("demo").innerHTML = d.toLocaleTimeString();

}

</script>

以上是“JavaScript中setInterval()方法怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

本文名称：JavaScript中setInterval()方法怎么用
本文地址：https://www.cdcxhl.com/article46/jisdhg.html

成都网站建设公司_创新互联，为您提供网页设计公司、微信小程序、ChatGPT、网站收录、品牌网站建设、自适应网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联