js实现倒计时效果

最新推荐文章于 2023-05-31 18:30:08 发布

I like study.

最新推荐文章于 2023-05-31 18:30:08 发布

阅读量245

点赞数

分类专栏： # JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/rj2017211811/article/details/104539792

版权

JavaScript 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

<p class="count"></p>
function countDown(time) {
  var inputTime = time.valueOf()
  var currentTime = +new Date()
  if (inputTime<currentTime) {
    document.querySelector('.count').innerHTML='活动已经开始'
    return
  }
  var times = (inputTime - currentTime) / 1000
  var d = parseInt((((times/60)/60)/24))
  var h = parseInt((((times/60)/60) % 24))
  var m = parseInt(((times/60)%60))
  var s = parseInt(times%60)

 /* console.log(d + '天' + h + '小时' + m + '分' + s +'秒')*/
  document.querySelector('.count').innerHTML='离17:20还剩' + d + '天' + h + '小时' + m + '分' + s +'秒'+'当前时间为:' + new Date()
  setTimeout(function () {//setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。不能直接传函数，要传字符串func()或者匿名函数
    countDown(time)//setTimeout用于延迟执行某方法或功能，setInterval则一般用于刷新表单，对于一些表单的假实时指定时间刷新同步
  },1000)
}
countDown(new Date('2020-02-27 17:20:00'))