js秒数倒计时

最新推荐文章于 2023-07-29 14:11:01 发布

崔大崔

最新推荐文章于 2023-07-29 14:11:01 发布

阅读量1.7k

点赞数

分类专栏： js与前端框架文章标签： js 秒数时分秒

本文链接：https://blog.csdn.net/J1014329058/article/details/81060121

版权

js与前端框架专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<html lang="en">
<head>
<meta charset="utf-8">
<title>倒计时</title>
<script type="text/javascript">
    function init(){
        cutdowns("a",3605);
    }
    function cutdowns(divId,value){
        var h=0;
        var m=0;
        var timer = window.setInterval(function(){
            value--;
            var s=parseInt(value);
            if(s>=60){
                m=parseInt(s/60);
                s=parseInt(s%60);
            }else{
                m=parseInt(s/60);
            }
            if(m>=60){
                h=parseInt(m/60);
                m=parseInt(m%60);
            }else{
                h=parseInt(s/3600);
            }
            var result=myFormat(h,m,s);
            document.getElementById(divId).innerHTML=result;

            if(value==0){
                window.clearInterval(timer);
            }
        },1000);
    }
    function myFormat(hour,min,sec){
        if(hour<10){
            hour="0"+hour;
        }
        if(min<10){
            min="0"+min;
        }
        if(sec<10){
            sec="0"+sec;
        }
        return hour+":"+min+":"+sec;
    }
</script>
</head>
    <body onload="init()">
        <div id="a">asdf</div>
    </body>
</html>

先贴代码为敬。根据秒数进行时间格式的调整并进行倒计时。

崔大崔

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
js秒数倒计时

<html lang="en"><head><meta charset="utf-8"><title>倒计时</title><script type="text/javascript"> function init(){ cutdowns("a",3605); } fun...
复制链接

扫一扫