jquery倒计时—计算显示距离某天还剩下多少天多少小时多少分多少秒【附在线演示】亲测 收藏

文章标签:
  • :
  • 07-08 19:01
  • :
  • 44次
  • :
  • 0条
  • 0赞

简介jquery里实现距离某一天还有多少天多少小时多少分多少秒的特效源码,及完整的在线实例演示。l

和大家分享一个非常实用的jquery实例特效,在网页里显示距离某一天还剩下多少天多少小时多少分多少秒的倒计时物资,下面是完整的在线实例演示:

jquery倒计时—在线演示

下面是完整的实例源码:

<script language="javascript">
function countDown(d){
    var dateFinal = new Date(d);  //设置倒计时到达时间
    var dateNow = new Date();  //获取系统当前时间
    var dateSub = dateFinal - dateNow;  //计算差值,单位毫秒
    //初始化各个数值
    var day = hour = minute = second = dayBase = hourBase = minuteBase = secondBase = 0;  
    
    var timeStr = '';
    //计算天数的基数,单位毫秒。1天等于24*60*60*1000毫秒
    dayBase = 24 * 60 * 60 * 1000;  
    //计算小时的基数,单位毫秒。1小时等于60*60*1000毫秒
    hourBase = 60 * 60 * 1000; 
    //计算分钟的基数,单位毫秒。1分钟等于60*1000毫秒 
    minuteBase = 60 * 1000;  
    //计算秒钟的基数,单位毫秒。1秒钟等于1000毫秒
    secondBase = 1000; 
    
    //计算天数,并取下限值。如 5.9天 = 5天 
    day = Math.floor(dateSub / dayBase); 
    //计算小时,并取下限值。如 20.59小时 = 20小时 
    hour = Math.floor(dateSub % dayBase / hourBase);  
    //计算分钟,并取下限值。如 20.59分钟 = 20分钟
    minute = Math.floor(dateSub % dayBase % hourBase / minuteBase);  
     //计算秒钟,并取下限值。如 20.59秒 = 20秒
    second = Math.floor(dateSub % dayBase % hourBase % minuteBase / secondBase); 
    
    //当天数小于等于0时,就不用显示
    if(day <= 0){
        timeStr += hour + '时' + minute + '分' + second + '秒';
    }else{
        timeStr += day + '天' + hour + '时' + minute + '分' + second + '秒';
    }
    return timeStr;
}

//用定时器来循环读取剩余时间并显示到网页上:
setInterval(function(){
    var str=countDown("2019-1-1");
    $("#aijquery").html(str);
},1000);
</script>


以上就是关于jquery倒计时,计算具体还有多少时间的所有内容了,非常实用,非常值得收藏的,希望能帮助到所有看到这篇文章的朋友们!



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-15 20:30:31