倒数计时

2016-10-26  本文已影响0人  TsingXu

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

先来学习几个函数:

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>

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

上一篇下一篇

猜你喜欢

热点阅读