js之倒计时

今天来说一下js的倒计时
html代码如下 : 
<div id="dv">
    放假倒计时 : <span id="span"></span>

</div>

css样式如下 : 

<style>
    #dv {
        width: 200px;
        height: 100px;
        margin: 0 auto;
        line-height: 100px;
        text-align: center;
        background-color: lightpink;
    }

</style>

js代码如下 : 

daoJiShi();
//添加定时器
setInterval(daoJiShi, 1000);

function daoJiShi() {

    var now = new Date();  //获取开始的时间

    var end = new Date("2019-4-5 00:00:00");  //获取结束的时间

    var startTime = now.getTime();//返回对应的毫秒数
    var endTime = end.getTime();//返回对应的毫秒数

    var cha = endTime - startTime;

    cha /= 1000;//时间差变成秒
    var hours = parseInt(cha / 60 / 60);//小时
    var minites = parseInt(cha / 60 % 60);//剩余的分钟
    var seconds = parseInt(cha % 60);//秒

    f("span").innerHTML = geshi(hours) + ":" + geshi(minites) + ":" + geshi(seconds);


    function geshi(value) {
        return value = value < 10 ? "0" + value : value;
    }
}

猜你喜欢

转载自blog.csdn.net/qq_44388958/article/details/88958151