美文网首页
倒数计时

倒数计时

作者: TsingXu | 来源:发表于2016-10-26 14:02 被阅读0次

    实现一个计算当年还剩多少时间的程序,要求网页上实时动态显示“××年还剩××天××时××分××秒”

    先来学习几个函数:

    getTime()

    返回1970 年 1 月 1 日至今的毫秒数

    Date()

    返回调用时的日期和时间

    getDate()

    从Date对象中返回日期

    getDay()

    返回周数(1~5)

    getMonth()

    返回月数

    getFullYear()

    返回4位数 的年份

    getHours()

    返回小时(0~23)

    根据以上知识,编写程序:

    <p id="p"></p>
        <script>
    function getTimeString(){
        var oDate = new Date();
        var oYear = oDate.getFullYear();
    
        var lastDate = new Date();
        lastDate.setFullYear(oYear,11,31,23,59,59);
    
        var oTime = lastDate.getTime()-oDate.getTime();
        var iS = parseInt(oTime/1000);
        var iD = iS/60/60/24;
        var iH = 23-oDate.getHours();
        var iM = 59-oDate.getMinutes();
        var iS = 59-oDate.getSeconds();
    
        var pText = '距离2017年还剩: '+iD + '天'+iH+'小时'+iM+'分'+iS+'秒';
        var p = document.getElementById("p");
        p.innerText = pText;
    
    }
    getTimeString();
    setInterval(getTimeString,1000);
    <script>
    

    不清楚这样写会不会有错。

    相关文章

      网友评论

          本文标题:倒数计时

          本文链接:https://www.haomeiwen.com/subject/kubduttx.html