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 方法

  • 相关阅读:
    The requested resource (/) is not available解决办法
    字符问题
    Unknown column in 'field list'
    table 和 div 简单布局
    css简介
    div 与 table 的优点
    瞎搞
    html
    小计--关联 复制表结构
    ddl dml dcl
  • 原文地址:https://www.cnblogs.com/tlfe/p/14684545.html
Copyright © 2011-2022 走看看