JS中setInterval()函数

最新推荐文章于 2025-08-01 16:09:40 发布

tanglu1996

最新推荐文章于 2025-08-01 16:09:40 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/tanglu1996/article/details/80508072

本文介绍了JavaScript中的setTimeout延迟函数和setInterval计时器的使用方法，并通过实例演示如何创建一个简单的时钟程序。

1、setTimeout 延迟函数，时间单位是毫秒

setTimeout(function(){

alert("时间延迟了");

},1000);

2. setInterval() 计时器，可以做时钟
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        var hour=0;
        var min=0;
        var sec=0;
        var hourStr,minStr,secStr;
        setInterval(function(){
            var colock=document.getElementById("divd");
            sec++;
            if(sec>=60){
                sec=0;
                min++;
            }
            if(min>=60){
                min=0;
                hour++;
            }
            if(hour>=24){
                hour=0;
            }
            hour>=10?hourStr=hour:hourStr="0"+hour;
            min>=10?minStr=min:minStr="0"+min;
            sec>=10?secStr=sec:secStr="0"+sec;
            str=hourStr+":"+minStr+":"+secStr;
            colock.innerHTML=str;
        },1000);
    </script>
    <style>
        .div{
            width: 400px;
            height: 100px;
            margin: 100px auto;
            font-size: 80px;
            line-height: 100px;
            text-align: center;
            border: 2px solid gray;
            border-radius: 15px;
            box-shadow:10px 10px 5px #888888;
        }
    </style>
</head>
<body>
    <div class="divd" id="divd">
        00:00:00
    </div>
</body>
</html>