码迷,mamicode.com
首页 > Web开发 > 详细

JS实现倒计时(天、时、分,秒)

时间:2015-08-16 15:01:41      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:

<script type="text/javascript">
    var endtime = "48:11:22";//这是你的倒计总时长(一般从后台获取的,这里我就不写后台获取代码了)
    var i = 0;//定义一个计数器变量
    var ss = 0;//剩余时间变量
    var list = endtime.split(":");//分割字符串得到 时,分,秒

    //语法格式setInterval(fn,1000)
    window.setInterval(function () {
        showTimeDown(parseInt(list[0]), parseInt(list[1]), parseInt(list[2]));
    }, 1000);
   
    function showTimeDown(h, m, s) {
        var s = (h * 3600) + (m * 60) + (s);//将倒计总时长转换为秒
        i++;//每调用一次i就会+1
        ss = (s - i);//剩余时间=(总秒数-i)
        var day = Math.floor(ss / (3600 * 24));//计算天
        var hour = Math.floor((ss / 3600) - (day * 24));//计算时
        var minute = Math.floor((ss - ((day * 24*3600)+(hour*3600)))/60);//计算分
        var second = Math.floor(ss - ((day * 24 * 3600) + (hour * 3600) + (minute*60)));//计算秒
        console.log(day + "天" + hour + "时" + minute + "分" + second + "秒");//控制台输出
    }
</script> 

JS实现倒计时(天、时、分,秒)

标签:

原文地址:http://www.cnblogs.com/Yashull/p/4734310.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!