js中定时器之一

最新推荐文章于 2025-08-15 09:01:53 发布

第八个猴子

最新推荐文章于 2025-08-15 09:01:53 发布

阅读量52

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hwgok/p/5730311.html

本文通过一个简单的HTML页面展示了如何使用JavaScript来实现定时器功能，包括启动定时任务、清除定时任务以及显示当前时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        var id;
        function startInterval(){
            id = setInterval(function(){
                alert("interval evaling");
            },3000);
        }

        function testClear(){
            clearInterval(id);
        }

        function testCount(){
            var count = 0;
            var date;
            setInterval(function(){
                count++;
                //console.log(count);
                date = new Date();



                //document.getElementById("count").innerHTML = ""+count;
                document.getElementById("count").innerHTML = date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds()+":"+date.getMilliseconds();
            },1)
        }

        /**
         *
         */

    </script>
</head>
<body>
<input type="button" onclick="startInterval()" value="interval"/>
<input type="button" onclick="testClear()" value="clear"/>
<input type="button" onclick="testCount()" value="count">
<div id="count" style="color: red;">
    0
</div>
</body>
</html>