2020-03-12

<!DOCTYPE html>

<html>

<head>

  <title>倒计时</title>

  <script>

  window.onload = function(){

  var oDiv = document.getElementById('div1');

  timeLeft();//调用  刷新没有空白

  setInterval(timeLeft,1000);

  function timeLeft(){

  var now = new Date();// 客户端时间

  var future = new Date(2020,3,1,0,0,0);// 结束时间

  // console.log(future-now);  // 打印日志

  var milli = parseInt((future-now)/1000); // 获取秒

  if(milli<=0){

  window.location.href = "http://www.baidu.com";

  } // 如果时间到  跳转到百度

  var day = parseInt(milli/86400);// 取整天数 60秒*60分*24小时=86400

  var hour = parseInt((milli%86400)/3600);// 60秒*60分 =3600 取小时

  var mintue = parseInt(((milli%86400)%3600)/60);// 取分钟

  var second = milli % 60;//秒

  oDiv.innerHTML ='距离2020年04月01日00时00分00秒还有' + day + '天'+toDouble(hour)+'时'+toDouble(mintue)+'分'+toDouble(second)+'秒';

  }

  }

  function toDouble(num){

  if(num<10){

  return '0'+num;

  }else{

  return num;

  }

  }

  </script>

</head>

<body>

  <div id="div1"></div>

</body>

</html>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • day06 一、定时器 1、循环定时器的设置和取消 (1)启动循...
    李霜_9191阅读 214评论 0 0
  • 一、定时器 1、循环定时器的设置和取消 (1)启动循环定时器:setlnterval() 循环定时器,调用一次就会...
    董宇浩阅读 126评论 0 0
  • 作业: 一、定时器 1、循环定时器的设置和取消 (1)启动循环定时器:setInterval() 循环定时器,调用...
    常樂_b00d阅读 155评论 0 0
  • <!DOCTYPE html> 倒计时 window.onload = function(){ var o...
    Wild_9328阅读 105评论 0 0
  • 一、定时器1、循环定时器的设置和取消(1)启动循环定时器:setlnterval()循环定时器,调用一次就会创建并...
    刘哲_1d91阅读 172评论 0 0