时间:2021-05-26
js通过Date对象实现倒计时效果,具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时动画</title> <style> div{ text-align:center; height:100px; line-height:100px; } </style> <script> window.onload = function(){ setInterval(FreeTime,1000); } function FreeTime(){ var curTime = Date.now(); var endTime = new Date("2017-10-26 16:00:00"); var allFreeSeconds = (endTime-curTime)/1000; if(allFreeSeconds>0){ var freeDay = Math.floor(allFreeSeconds/(24*60*60)); var freeHour = Math.floor(allFreeSeconds/(60*60) % 24); var freeMinute = Math.floor(allFreeSeconds/60 % 60); var freeSecond = Math.floor(allFreeSeconds%60); document.getElementById("nowTime").innerHTML = "剩余"+freeDay+"天"+freeHour+"时"+freeMinute+"分"+freeSecond+"秒"; } else{ document.getElementById("nowTime").innerHTML = "已结束"; } } </script></head><body><div> <span id="nowTime"></span></div></body></html>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
实现倒计时效果需要掌握js中的两个知识点:1、setTimeout函数每隔1秒钟更新秒钟时间2、Date对象计算时间差下面贴出元旦倒计时代码example.ht
本文分析不同倒计时效果的计算思路及方法,掌握日期对象Date,获取时间的方法,计算时差的方法,实现不同的倒时计效果。1、简单时间显示讲解日期对象Date,并通过
本文实例讲述了js实现的奥运倒计时时钟效果代码。分享给大家供大家参考,具体如下:运行效果截图如下:具体代码如下:js倒计时functionsetcountdow
本文实例为大家分享了js实现时间倒计时展示的具体代码,供大家参考,具体内容如下这里使用的是Date日期类日期类倒计时window.onload=function
ppt中为了实现某种效果,想要添加一个倒计时动画,该怎么制作倒计时的动画效果呢?下面我们就来看看详细的教程。软件名称:PowerPoint2017简体中文免费完