模拟倒计时

<script>
     // 打开页面后,每毫秒都在倒计时苹果发布会的时间。
     // 步骤:设置一个定时器,每一毫秒更新一次div的内容
    // 1.获取时间差(现在和发布会开始的时间差,毫秒值时间差,把时间差转换成 ‘时分秒毫秒’)
     var div = document.getElementsByTagName("div")[0];
     var timer = setInterval(fn,1);
     function fn(){
         var date = new Date();
         var date2 = new Date('2017/09/08 01:00:00');
         // 获取的毫秒值
         var future = date2.getTime() - date.getTime();
         // 天
         var day = parseInt(future/1000/60/60/24);
         // 小时
         var hour = parseInt(future/1000/60/60%24);
         // 分
         var minute = parseInt(future/1000/60%60);
         // 秒
         var sec = parseInt(future/1000%60);
         // 毫秒
         var millsec = parseInt(future%1000);
         // 补0操作
         day = day < 10 ? "0"+day:day;
         hour = hour <10 ? "0"+hour:hour;
         minute = minute < 10 ? "0"+minute:minute;
         sec = sec < 10 ? "0"+sec:sec;
         if(millsec < 10){
             millsec = "00"+millsec;
         }else if(millsec < 100){
             millsec = "0" + millsec;
         }
//         console.log(day + ";" + hour + ";"+minute +";"+sec + ";" + millsec);
         if(future < 0){
             div.innerHTML = "距离iphone18发布会开始时间还有:0天0小时0分钟0秒0毫秒";
             clearInterval(timer);
         }
         div.innerHTML = "距离iphone18发布会开始时间还有:"+day + "天"+hour+"小时"+minute+"分钟"+sec+"秒"+millsec+"毫秒";
     }


</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值