美文网首页
倒数计时

倒数计时

作者: 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>

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

相关文章

  • 倒数计时

    九天 看到一句话 记忆是可以被操控的,只要心够诚,所谓的真相也会为你让路 当我发现时间的流逝对我成为一种煎熬 我发...

  • 倒数计时

    最近日子过的浑浑噩噩,每天总是超过12点才睡觉,然后总是做不完的噩梦,静不下来的心,然后便随便找了打发时间的网文看...

  • 倒数计时

    在娘眼里每个孩子都是长不大的,总是觉得自己孩子可以这样做,那样做,给出不同的建议…孩子的发言对于她们是无视的,不听...

  • 倒数计时

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

  • 倒数计时

    不得不说,我又要开始记录我即将离职的生活了。 昨天自己闲得无聊,在那和别人一起聊天。第一次当着老板的面,疯狂的聊天...

  • 倒数计时

    时间要来不及了,只剩最后的几分钟。这个时候就适合倒数计时。 还有最后期限到来之际,要交各种材料啦报告啦,看着时间节...

  • 迎接 2020年 !倒数计时中 !

  • 画画这件小事,从10分钟速涂开始

    321倒数计时,画365幅小画吧

  • 倒数计时3362……

  • 倒数计时3214……

网友评论

      本文标题:倒数计时

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