js 设置时间戳，进行倒计时。比如距离活动结束时间等等

最新推荐文章于 2024-05-22 01:53:01 发布

哈尔滨的酸柠檬

最新推荐文章于 2024-05-22 01:53:01 发布

阅读量1.3w

点赞数 3

分类专栏： JavaScript开发

本文链接：https://blog.csdn.net/sinat_31177681/article/details/83352220

版权

JavaScript开发专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<html>  
<head>  
    <meta charset="UTF-8">  
    <title>js简单时分秒倒计时</title>  
    <script type="text/javascript">  
        function countTime() {  
            //获取当前时间  
            var date = new Date();  
            var now = date.getTime();  
            //设置截止时间  
            var str="2017/5/17 00:00:00";
            var endDate = new Date(str); 
            var end = endDate.getTime();  
            
            //时间差  
            var leftTime = end-now; 
            //定义变量 d,h,m,s保存倒计时的时间  
            var d,h,m,s;  
            if (leftTime>=0) {  
                d = Math.floor(leftTime/1000/60/60/24);  
                h = Math.floor(leftTime/1000/60/60%24);  
                m = Math.floor(leftTime/1000/60%60);  
                s = Math.floor(leftTime/1000%60);                     
            }  
            //将倒计时赋值到div中  
            document.getElementById("_d").innerHTML = d+"天";  
            document.getElementById("_h").innerHTML = h+"时";  
            document.getElementById("_m").innerHTML = m+"分";  
            document.getElementById("_s").innerHTML = s+"秒";  
            //递归每秒调用countTime方法，显示动态时间效果  
            setTimeout(countTime,1000);  
  
        }  
    </script>  
</head >  
<body οnlοad="countTime()" >  
    <div>  
        <span id="_d">00</span>  
        <span id="_h">00</span>  
        <span id="_m">00</span>  
        <span id="_s">00</span>  
    </div>  
</body>  
</html>

哈尔滨的酸柠檬

关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
js 设置时间戳，进行倒计时。比如距离活动结束时间等等

&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;js简单时分秒倒计时&lt;/title&gt; &lt;script type="text/javascript"&gt; function countTime() {
复制链接

扫一扫