JS 定时器

最新推荐文章于 2024-09-30 14:28:41 发布

mmm_morning

最新推荐文章于 2024-09-30 14:28:41 发布

阅读量92

点赞数

文章标签： javascript html5

本文链接：https://blog.csdn.net/mmm_morning/article/details/120865824

版权

这个博客展示了如何使用JavaScript创建一个简单的定时器，动态更新HTML页面上的计数器。当计数器达到10时，定时器自动停止。通过`setInterval`函数，每100毫秒增加计数器的值，并使用`clearInterval`来终止定时器。这个例子对于理解JavaScript的定时执行和页面交互很有帮助。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>定时器</title>
</head>
<body>
    <h1 id="count"></h1>
</body>
<script>
    window.onload=function(){
        var count=document.getElementById("count");
        //使count中的内容自动切换
        // setInterval(function(),time,),定时调用,使得某函数每隔一段时间执行一次.
        //其返回值为调用次数,可根据返回值标识定时器,用clearInterval()取消
        var num=1;
        var timer=setInterval(function(){
            count.innerHTML=num++;
            if(num==10){clearInterval(timer);};
        },100)



    }
</script>
</html>