js(借助jquery库)实现倒计时

来源:互联网 发布:北京java工程师待遇 编辑:程序博客网 时间:2024/05/21 22:21

不考虑样式,在此上一段 js倒计时的代码

function countDown(){    var time_now = new Date();    var time_end = new Date(2017, 0, 6,21,29,59);//月份记得减1    time_end = time_end.valueOf();    time_now = time_now.valueOf();    var time_diff = time_end - time_now;    if((time_diff - 1000) < 0){//倒计时已结束,根据需要自行调整        clearInterval(count_down_timer);        $('.count-day').html('0');        $('.count-hour').html('0');        $('.count-min').html('0');        return;    }    time_diff = new Date(time_diff);    var diff_day = (time_diff.getDate()-1).toString();//天    var diff_hour = (time_diff.getHours()-8).toString();//时    var diff_minute = (time_diff.getMinutes()).toString();//分     var diff_second = (time_diff.getSeconds()).toString();//秒}$(function(){    countDown();    count_down_timer = setInterval('countDown()',1000);//每秒轮询一次});

这是用在距离倒计时的日子还有多少天、时、分、秒。

<!DOCTYPE html><html><head>    <title>倒计时</title>    <meta charset="utf-8"></head><body>    <script type="text/javascript">        var SECOND_BASE = 1000;        var MINUTE_BASE = 60 * SECOND_BASE;        var HOUR_BASE = 60 * MINUTE_BASE;        var DAY_BASE = 24 * HOUR_BASE;        function getCountDown(time_end){            var time_now = new Date();            time_end = time_end.valueOf();            time_now = time_now.valueOf();            diff = time_end - time_now;            var result = [0,0,0,0];            if(diff < 1000){                result[0] = -1;            }else{                result[0] = parseInt(diff / DAY_BASE);                diff %= DAY_BASE;                result[1] = parseInt(diff / HOUR_BASE);                diff %= HOUR_BASE;                result[2] = parseInt(diff / MINUTE_BASE);                diff %= MINUTE_BASE;                result[3] = parseInt(diff / SECOND_BASE);            }            return result;        }        window.onload = function() {            var res = getCountDown(new Date(2017, 0, 6,21,29,59));            console.log(res);        }    </script></body></html>
0 0
原创粉丝点击