倒计时

作者: 我是一只要变快的小蜗牛 | 来源:发表于2018-07-18 16:17 被阅读0次

<body onload="time()">
<div class="time" >
<div id="day">0</div>
<div id="hour">0</div>
<div id="min">0</div>
<div id="second">0</div>
</div>
</body>

//倒计时
function time(){

var date1 = new Date('2020/7/18 20:12:00');//传入时间
var time1 = date1.getTime();//获取时间戳

var now = new Date();//获取当前时间
var dayTime = now.getTime();//获取时间戳

var sum = Math.floor((time1 - dayTime)/1000);//得到总秒数
var day,hour,min,second;
 if(sum>=0){
    day = Math.floor(sum / (24 * 60 * 60));
    hour = Math.floor(sum / (60 * 60)) - (day * 24);//得到小时数 - 已经换算出来的小时数
    min = Math.floor(sum / 60) - (day * 24 * 60) - (hour * 60);//得到小时数 - 已经换算出来的小时数-换算的分数
    second = Math.floor(sum) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (min * 60);//得到小时数 - 已经换算出来的小时数-换算的分数-换算的秒数
 }else{
   day = 0;
   hour = 0;
   min = 0;
   second = 0;
 }
if(day<=9){day = '0' + day;}
if(hour<=9){hour = '0' + hour;}
if(min<=9){min = '0' + min;}
if(second<=9){second = '0' + second;}

document.getElementById("day").innerHTML = day+"天";
document.getElementById("hour").innerHTML = hour+"时";
document.getElementById("min").innerHTML = min+"分";
document.getElementById("second").innerHTML = second+"秒";
setTimeout(time,1000);//指定的毫秒数调用函数

}

相关文章

  • 倒计时

    新年倒计时…中考倒计时…高考倒计时…告别学生倒计时…假期倒计时…睡觉倒计时…起床倒计时… 生活中,很多与我们息息相...

  • 倒计时不仅使我们焦躁,还可以使我们振奋啊

    中考倒计时,高考倒计时, 倒计时100天 倒计时50天 倒计时10天 倒计时5天 ........ 这个场景想必在...

  • 倒计时

    文/木子 开学倒计时了 爸妈回去倒计时了 教师节倒计时了 国庆节倒计时了 小儿12岁倒计时了 寒假倒计时了 元旦倒...

  • wordlist 13

    倒计时倒计时

  • wordlist 11

    倒计时倒计时

  • van-count-down 倒计时相关问题

    1. 倒计时重置问题 背景:业务需要在开启倒计时、暂停、恢复倒计时实时判断是否展示倒计时,并重置倒计时 问题:直接...

  • iOS开发-倒计时

    倒计时 倒计时60s 倒计时HH-MM-SS 1.倒计时60s 很多时候在点击按钮发送短信的时候需要倒计时读秒 2...

  • 10.27

    倒计时第一天,倒计时7,好想赶快到倒计时1。

  • 1小时倒计时

    倒计时 目前我们内部用的比较多的倒计时:一个小时的倒计时、12个小时的倒计时。 examinePassTime:审...

  • js中date倒计时

    获取倒计时之前,我们不妨先来看怎样获取当前时间吧!!! 获取倒计时 1、实现倒计时功能2、倒计时结束按钮可被点击,...

网友评论

      本文标题:倒计时

      本文链接:https://www.haomeiwen.com/subject/gzlgpftx.html