倒计时

作者: 疯也是一种态度_ | 来源:发表于2019-09-25 01:49 被阅读0次
function getCountDown(y,m,d){
            var nowT = new Date().getTime();//获取当前时间  毫秒数
            var futureT = new Date(y,m,d).getTime();//获取设置时间  毫秒数
            if(nowT > futureT){//判断如果当前时间 大于 设置未来时间  返回false
                return false;
            }
            var mistiming = futureT - nowT;//求 时间差
          
            var days = Math.floor(mistiming / 1000 / 60 / 60  / 24) ;//根据时间差 精确 天数
            
            var hours = Math.floor(mistiming / 1000 / 60 / 60 % 24);//根据时间差 精确 小时数
          
            var minutes = Math.floor(mistiming / 1000 / 60 % 60);//根据时间差 精确 分钟数

            var seconds = Math.floor(mistiming / 1000 % 60);//根据时间差 精确 秒数

            return  `${days < 10? '0' + days: days}天${hours < 10? '0' + hours: hours}时
            ${minutes < 10? '0' + minutes: minutes}分
            ${seconds < 10? '0' + seconds: seconds}秒`;
            // return days +'天' + (hours < 10? '0'+ hours: hours) +'时'+ minutes + '分'+ seconds +'秒';
        }
        h.innerHTML = getCountDown(2019,9,1);
        
        var timer = null;
        timer = setInterval(function(){
            h.innerHTML = getCountDown(2019,9,1);
        },1000);
// console.log(times.toDateString());
// console.log(times.toTimeString());
// console.log(times.toLocaleDateString());
// console.log(times.toLocaleTimeString());
// console.log(times.toUTCString());
// console.log(times.getTime());//获取毫秒
// console.log(times.getFullYear());//获取年
// console.log(times.getMonth());//获取月
// console.log(times.getDay());//获取星期数
// console.log(times.getDate());//获取几号
// console.log(times.getHours());//获取小时
// console.log(times.getMinutes());//获取分钟
// console.log(times.getSeconds());//获取秒数
// console.log(times.getMilliseconds());//获取毫秒数
 <h1 id='h1'></h1>
  <script>
   var times = new Date();
    var h = document.getElementById('h1');
    console.log(h);

    function getTimes() {
        var t = new Date();
        var y = t.getFullYear();
        var m = t.getMonth() + 1;
        var d = t.getDate();

        var h = t.getHours() < 10 ? '0' + t.getHours() : t.getHours();
        var min = t.getMinutes() < 10 ? '0' + t.getMinutes() : t.getMinutes();
        var sec = t.getSeconds() < 10 ? '0' + t.getSeconds() : t.getSeconds();

        var day = t.getDay();
        switch (day) {
            case 1:
                day = '星期一';
                break;
            case 2:
                day = '星期二';
                break;
            case 3:
                day = '星期三';
                break;
            case 4:
                day = '星期四';
                break;
            case 5:
                day = '星期五';
                break;
            case 6:
                day = '星期六';
                break;
            case 0:
                day = '星期日';
                break;
        }
        return `${y}年${m}月${d}日  ${h}:${min}:${sec}  ${day}`
    }
    var timer = null;
    h.innerHTML = getTimes();
    timer = setInterval(function () {
        h.innerHTML = getTimes();
    }, 1000);
</script>

相关文章

  • 倒计时

    新年倒计时…中考倒计时…高考倒计时…告别学生倒计时…假期倒计时…睡觉倒计时…起床倒计时… 生活中,很多与我们息息相...

  • 倒计时不仅使我们焦躁,还可以使我们振奋啊

    中考倒计时,高考倒计时, 倒计时100天 倒计时50天 倒计时10天 倒计时5天 ........ 这个场景想必在...

  • 倒计时

    文/木子 开学倒计时了 爸妈回去倒计时了 教师节倒计时了 国庆节倒计时了 小儿12岁倒计时了 寒假倒计时了 元旦倒...

  • wordlist 13

    倒计时倒计时

  • wordlist 11

    倒计时倒计时

  • van-count-down 倒计时相关问题

    1. 倒计时重置问题 背景:业务需要在开启倒计时、暂停、恢复倒计时实时判断是否展示倒计时,并重置倒计时 问题:直接...

  • iOS开发-倒计时

    倒计时 倒计时60s 倒计时HH-MM-SS 1.倒计时60s 很多时候在点击按钮发送短信的时候需要倒计时读秒 2...

  • 10.27

    倒计时第一天,倒计时7,好想赶快到倒计时1。

  • 1小时倒计时

    倒计时 目前我们内部用的比较多的倒计时:一个小时的倒计时、12个小时的倒计时。 examinePassTime:审...

  • js中date倒计时

    获取倒计时之前,我们不妨先来看怎样获取当前时间吧!!! 获取倒计时 1、实现倒计时功能2、倒计时结束按钮可被点击,...

网友评论

    本文标题:倒计时

    本文链接:https://www.haomeiwen.com/subject/krasyctx.html