JavaScript倒计时-显示天数、时分秒的倒计时
一个可以显示天数、时分秒的JavaScript倒计时效果,以2016年元旦为终点进行倒计时,可现在从现在开始至2016年元旦0点的剩余天数和时、分、秒,你可将倒计时改为某体育赛事开赛倒计时、购物狂欢倒计时等等:
<script language=JavaScript> var now = new Date(); function GetServerTime() { var urodz = new Date("1/1/2016 23:59:59"); now.setTime(now.getTime()+250); days = (urodz - now) / 1000 / 60 / 60 / 24; daysRound = Math.floor(days); hours = (urodz - now) / 1000 / 60 / 60 - (24 * daysRound); hoursRound = Math.floor(hours); minutes = (urodz - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound); minutesRound = Math.floor(minutes); seconds = (urodz - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound); secondsRound = Math.round(seconds); document.getElementById("date").innerHTML = daysRound; document.getElementById("time").innerHTML = hoursRound + ":" + minutesRound + ":" + secondsRound; } setInterval("GetServerTime()",250); </script>
JavaScript部分已经写好,下面还需要用来显示Js运算结果的div标签,我们可以这么写:
<p><span>距2020年元旦还有</span><span id="date"></span><span class="white14b">天</span> <span id="time"></span></p>
你可在页面中加入上述两段代码就行了。代码的最终运行效果如下示:
距2020年元旦还有天
一、推荐使用迅雷或快车等多线程下载软件下载本站资源。
二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。
三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!
四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.
五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。
六、如需转载本站资源,请注明转载来自并附带链接
七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com
大家评论
站长推荐