js实现倒计时效果

客官°小女子只卖身不卖艺 2023-07-09 02:29 94阅读 0赞

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

效果
在这里插入图片描述

发表评论取消回复

表情：

评论列表（有 0 条评论，94人围观）

还没有评论，来说两句吧...

相关阅读

相关倒计时效果

倒计时效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

梦里梦外;/ 2023年10月03日 14:23/ 0 赞/ 26 阅读

相关 js实现倒计时效果

<p class="count"></p> function countDown(time) { var inputTime = time.val

客官°小女子只卖身不卖艺/ 2023年07月09日 02:29/ 0 赞/ 95 阅读

相关 js实现倒计时

最近有个页面需要实现，验证码发送后，进行60s的倒计时， ![Center][] 代码： var flag = 1; var i = 60;

谁借莪１个温暖的怀抱￠/ 2022年07月27日 14:55/ 0 赞/ 329 阅读

相关 web前端js实现倒计时效果

var header_timer; var current_timer; var intDiff = 300; function timer(i

- 日理万妓/ 2022年07月11日 11:14/ 0 赞/ 417 阅读

相关 JS实现倒计时效果

1. 显示当前系统时间 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Typ

柔情只为你懂/ 2022年06月10日 02:15/ 0 赞/ 371 阅读

相关倒计时效果

知识点 JavaScript Date （日期对象） Date() 返回当前的日期和时间 getDate() 查看date对象并返回日期（1-31） ge

秒速五厘米/ 2022年06月07日 10:23/ 0 赞/ 315 阅读

相关 js倒计时效果

<ul> <li class="time hms"> <span></span

╰半橙微兮°/ 2022年05月23日 10:10/ 0 赞/ 308 阅读

相关 JS-实现秒表倒计时+缓存倒计时

实现秒表倒计时+缓存倒计时功能 <!DOCTYPE html> <html> <head> <meta ch

约定不等于承诺〃/ 2022年05月17日 12:38/ 0 赞/ 455 阅读

相关 $notify实现倒计时效果

//倒计时 countDown() { const TIME_COUNT = 10; if (!this.timer) {

「爱情、让人受尽委屈。」/ 2021年09月08日 04:16/ 0 赞/ 698 阅读

相关 js如何实现简易倒计时效果

js如何实现简易倒计时效果实现倒计时功能首先是得到目标时间，然后用当前时间减去目标时间，最后将时间差传化为天数、时、分、秒。由于得到的时间不能直接运算，可以采用obje...

红太狼/ 2020年06月06日 19:11/ 0 赞/ 854 阅读