js实现倒计时效果

<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'))

效果
在这里插入图片描述

你可能感兴趣的:(javascript)