动态显示倒计时

1、html部分


2、js部分

// 为简化。每月默认为30天;
 function getTimeString() {
    var start = new Date();
    var end = new Date(start.getFullYear() + 1, 0, 1);
    var elapse = Math.floor((end - start) / 1000);

    var seconds = elapse % 60 ;
    var minutes = Math.floor(elapse / 60) % 60;
    var hours = Math.floor(elapse / (60 * 60)) % 24;
    var days = Math.floor(elapse / (60 * 60 * 24)) % 30;
    var months = Math.floor(elapse / (60 * 60 * 24 * 30)) % 12;
    var years = Math.floor(elapse / (60 * 60 * 24 * 30 * 12));

    return start.getFullYear() + '年还剩' + years + '年' + months + '月' + days + '日'
        + hours + '小时' + minutes + '分' + seconds + '秒';
   }
 function domText(elem, text) {
    if (text == undefined) {

        if (elem.textContent) {
            return elem.textContent;
        } else if (elem.innerText) {
            return elem.innerText;
        }
    } else {
        if (elem.textContent) {
            elem.textContent = text;
        } else if (elem.innerText) {
            elem.innerText = text;
        } else {
            elem.innerHTML = text;
        }
    }
}

var target = document.getElementById('target');

setInterval(function () {
    domText(target, getTimeString());
}, 1000)

你可能感兴趣的:(前端)