web前端之路

倒计时

2019-09-25  本文已影响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>
上一篇 下一篇

猜你喜欢

热点阅读