时间倒计时效果

浏览：610次- 评论：1次- 发布时间：2018-09-01

Html

Css

function show(a, b) {
    var date1 = new Date(a); //开始时间
    var date2 = new Date(b); //结束时间
    var date3 = date2.getTime() - date1.getTime() //时间差的毫秒数

//计算出相差天数
    var days = Math.floor(date3 / (24 * 3600 * 1000))

//计算出小时数

var leave1 = date3 % (24 * 3600 * 1000) //计算天数后剩余的毫秒数
    var hours = Math.floor(leave1 / (3600 * 1000))
    //计算相差分钟数
    var leave2 = leave1 % (3600 * 1000) //计算小时数后剩余的毫秒数
    var minutes = Math.floor(leave2 / (60 * 1000))

//计算相差秒数
    var leave3 = leave2 % (60 * 1000) //计算分钟数后剩余的毫秒数
    var seconds = Math.round(leave3 / 1000)

// log("倒计时： "+days+"天 "+hours+"小时 "+minutes+" 分钟"+seconds+" 秒");
    var str = "倒计时： " + days + "天 " + hours + "小时 " + minutes + " 分钟" + seconds + " 秒";
    document.getElementById("myself").innerHTML = str;
}
var stringTime = "2028-12-01 14:31:00";
var endtimes = new Date(stringTime).getTime();
//获取当前时间的时间戳
function getTimeMillin() {
    return new Date().getTime();
}

setInterval(function() {
    var now = getTimeMillin();
    if (now < endtimes) {
        show(now, endtimes);
    } else {
        show(now, now);
    }
}, 1000);

↑上面代码改变，会自动显示代码结果

jQuery调用版本：1.3.2