1. 程式人生 > >面試題1:實現今年倒計時功能

面試題1:實現今年倒計時功能

文章轉載:https://blog.csdn.net/lxcao/article/details/60326503

在網頁中實現一個計算當年還剩多少時間的倒數計時程式,要求網頁上實時動態顯示”XX年還剩XX天XX時XX分XX秒”

<!DOCTYPEHTML>
<html>
    <head>
        <meta http-equiv=" "Content-Type" "content=" "text/html;charset=UTF-8" ">
        <title>倒計時</title>
    </head>
    <body>
      <input type=" "text" " value=" " id="input" size=" "500" ">

    <script>    
    var txt= document.getElementById("input");
    setInterval(function () {
        //獲取系統當前時間
        var now = new Date();
        //例項化今年跨年時間   2019/1/1  這裡的0表示1月份
        var targDate = new Date(now.getFullYear() + 1, 0, 1);
        //跨年時間與此時此刻時間差(毫秒)
        var long = targDate - now;
        var leftDay = parseInt(long/ 1000 / 60 / 60 / 24);
        long = long % (1000 * 60 * 60 * 24);
        var leftHour =parseInt(long / 1000 / 60 / 60);
        long = long % (1000 * 60 * 60);
        var leftMinute = parseInt(long / 1000 / 60) ;
        long = long % (1000 * 60 );
        var leftSeconde = parseInt(long / 1000);
        txt.value= now.getFullYear() +"年還剩" + leftDay
                + "天" +leftHour + "時"+leftMinute+"分"+leftSeconde+"秒";
    }, 1000);

</script> 
    </body>
</html>

最終效果: