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

原创 2017年01月05日 11:55:30

不考虑样式,在此上一段 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>

相关文章推荐

JQuery与JS实现倒计时

JQuery版: var wait = 60; function RemainTime(o) { if (wait == 0) { $(o).removeAttr("disabled"); ...

jquery/js实现一个网页同时调用多个倒计时(最新的)

jquery/js实现一个网页同时调用多个倒计时(最新的) 最近需要网页添加多个倒计时. 查阅网络,基本上都是千遍一律的不好用. 自己按需写了个.希望对大家有用. 有用请赞一个哦!...

按钮被点击后屏蔽点击且倒计时60S能再次被点击和JS实现和JQuery实现

出处:http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 这个主要是用在手机验证码注册的时候用的多,  比如: 正如上图...
  • Evan_QB
  • Evan_QB
  • 2017年07月30日 10:52
  • 784

按钮被点击后屏蔽点击且倒计时60S能再次被点击-JS实现和JQuery实现

转载请注明出处:http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 这个主要是用在手机验证码注册的时候用的多, 比如: 正如上图所示那样-6...

贴一段基于jquery实现的倒计时功能的函数

今天根据项目需要,简单写了一个基于jquery,实现类似于淘宝手机验证倒计时的功能的函数,代码如下: /** * 倒计时按钮 * * @param object options 参数示...
  • samleeo
  • samleeo
  • 2012年08月05日 16:02
  • 370

jquery实现邮件重新发送倒计时

关键代码如下: var wait = 60; function towait() { if (wait == 0) { $("#btn_resen...

js实现简易倒计时

  • 2015年01月10日 14:17
  • 2KB
  • 下载

js实现倒计时效果

  • 2017年07月07日 17:42
  • 25KB
  • 下载

jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码

/*-------------------------------------------*/         var InterValObj; //timer变量,控制时间 var count ...

使用js 实现团购等倒计时

  • 2011年11月22日 10:42
  • 2KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js(借助jquery库)实现倒计时
举报原因:
原因补充:

(最多只允许输入30个字)