用js写一个倒数计时器

小肥鸟01249

已于 2022-01-20 18:27:20 修改

阅读量539

点赞数

文章标签： javascript jquery

于 2022-01-20 18:15:32 首次发布

本文链接：https://blog.csdn.net/Lucas01249/article/details/122607359

版权

代码如下：

<body>
<div><span id="hh">00</span>:<span id="mm">00</span>:<span id="ss">00</span></div>
<script>
    window.onload=function(){
        var h=0;//时
        var m=0;//分
        var s=10;//秒
        var count=h*3600+m*60+s;
        var timer;
        timer=setInterval(function(){
            count--;
            if(count>=0) {
                $("#hh").text(showNum(Math.floor(count / 3600)));
                $("#mm").text(showNum(Math.floor((count / 60)%60)));
                $("#ss").text(showNum(count % 60))
            }else{
                //do something
                alert("时间到了");
                clearInterval(timer);//取消计时，不加这句会一直循环
            }
        },1000);

    }
    function showNum(num){
        if(num<10)
            return '0'+num;
        return num;
    }

</script>
</body>