zoukankan      html  css  js  c++  java
  • js 实现倒计时 天-小时-分钟-秒数

    countdown(){
            // 目标时间
            let newdate = new Date('2021-04-21 11:40:00')
            let setINT = setInterval(() => {
                // 当前时间
                let olddate = new Date()
                // 目标时间减去当前时间
                let down = newdate - olddate
                // 当剩余时间为负数时,清楚计时器
                if(down < 0){
                    clearInterval(setINT)
                }
                this.formatSeconds(down)
            },1000)
        },
        formatSeconds(value) {
            var secondTime = 0 //
            var minuteTime = 0; //
            var hourTime = 0; // 小时
            var today = 0 //// 全部剩余多少秒
            var seconds = Math.ceil(value / 1000) 
            
            hourTime = Math.floor(seconds / 3600) 
            //天数
            today = Math.floor(hourTime / 24)
            //小时
            hourTime = Math.floor(hourTime % 24) < 10 ? '0' + Math.floor(hourTime % 24) : Math.floor(hourTime % 24)
            //
            minuteTime = Math.floor(seconds / 60 % 60) < 10 ? '0' + Math.floor(seconds / 60 % 60) : Math.floor(seconds / 60 % 60)
            //
            secondTime = Math.floor(seconds % 60) < 10 ? '0' + Math.floor(seconds % 60) : Math.floor(seconds % 60)
    
            console.log('剩余'+today+''+ hourTime+'小时'+minuteTime+'分钟'+secondTime+'')
        },

    根据需要调用  countdown 方法

  • 相关阅读:
    网页制作-表单元素2
    网页制作-表单元素
    网页制作_表格
    网页制作常用标签
    IT新起之秀
    Android Studio 快捷键
    android github
    手机抓包 http tcp udp?
    Ubuntu16.04 Caffe 安装步骤记录(超详尽)(转载)
    ubuntu16.04 在cuda9.0环境下编译安装opencv2.4.13.7
  • 原文地址:https://www.cnblogs.com/tlfe/p/14684545.html
Copyright © 2011-2022 走看看