js实现倒计时效果

客官°小女子只卖身不卖艺 2023-07-09 02:29 20阅读 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'))

效果  
![在这里插入图片描述][20200227165851948.PNG]

[20200227165851948.PNG]: https://img-blog.csdnimg.cn/20200227165851948.PNG

发表评论取消回复

表情：

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

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

相关阅读

相关 js实现倒计时效果

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

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

相关 js实现倒计时

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

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

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

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

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

相关 JS实现倒计时效果

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

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

相关倒计时效果

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

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

相关 js倒计时效果

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

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

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

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

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

相关 js实现倒计时

<body contenteditable="true" spellcheck="false" style="height: 400px;">

我会带着你远行/ 2022年05月17日 06:48/ 0 赞/ 289 阅读

相关 $notify实现倒计时效果

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

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

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

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

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