小昱个人博客
欢迎来到小昱的世界

勤学如春起之苗,不见其增,日有所长;辍学如磨刀之石,不见其损,日有所亏
[代码]JS实现倒计时(时、分,秒)
  • 首页 > 前端 > JavaScript
  • 作者:小昱
  • 2017年7月19日 17:08 星期三
  • 浏览:158
  • 字号:
  • 评论:0

  • function ShowCountDown(time) {
        var now = new Date();
        var endDate = new Date(time);
        var leftTime = endDate.getTime() - now.getTime();
        if (leftTime > 0) {
          var leftsecond = parseInt(leftTime / 1000);
          var day = Math.floor(leftsecond / (60 * 60 * 24));
          var hour = Math.floor((leftsecond - day * 24 * 60 * 60) / 3600);
          var minute = Math.floor((leftsecond - day * 24 * 60 * 60 - hour * 3600) / 60);
          var second = Math.floor(leftsecond - day * 24 * 60 * 60 - hour * 3600 - minute * 60);
          return {
            day,
            hour,
            minute,
            second,
            state: 1
          }
        } else {
          return {
            state: 0
          }
        }
    }
    let time = '2017-7-20'
    let interval = window.setInterval(function() {
      if (ShowCountDown(time).state) {
        let day = ShowCountDown(time).day
        let hour = ShowCountDown(time).hour
        let minute = ShowCountDown(time).minute
        let second = ShowCountDown(time).second
        console.log(day + '天' + hour + '小时' + minute + '分钟' + second + '秒')
      } else {
        console.log('已过时')
        clearInterval(interval)
      }
    }, 1000)


      您阅读这篇文章共花了:  
    二维码加载中...
    本文作者:小昱      文章标题: [代码]JS实现倒计时(时、分,秒)
    本文地址:http://www.xiaoyulive.top/?post=107
    版权声明:若无注明,本文皆为“小昱个人博客”原创,转载请保留文章出处。
    返回顶部| 首页| 碰碰手气| 捐赠支持| 手机版本|后花园

    Copyright © 2016-2017 小昱个人博客 滇ICP备16006294号