时间:2021-04-16
js实现定时器,时间倒计时为0后停止的代码如下:
<script type="text/javascript">
var orign_time = 1496706400;
var leftTime = Date.parse(new Date())/1000;//转化成秒
var maxTime = orign_time-leftTime;
function CountDownTime() {
if (maxTime >=0) {
var days = parseInt(maxTime/60/60/ 24, 10); //计算剩余的天数
var hours = parseInt(maxTime/60/60%24, 10); //计算剩余的小时
var minutes = parseInt(maxTime/60%60, 10); //计算剩余的分钟
var seconds = parseInt(maxTime%60, 10); //计算剩余的秒数
msg = "当前距离下班时间还有"+days+"天"+hours+"时"+minutes+"分"+seconds+"秒"
document.getElementById("timer").innerHTML = msg;
--maxTime
} else {
clearInterval(timer);
alert("时间到,结束!");
}
}
timer = setInterval("CountDownTime()",1000);
</script>
<div id="timer" style="color:red" mce_style="color:red"></div>
先定义目标时间,然后在获取当前时间戳,得到差值,然后转换为相对应的天,小时,分钟,秒数。
然后添加定时器,每个一秒钟就执行一次计数方法,相差秒数-1。
当差值小于0的时候去除定时器。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了js定时器实现倒计时效果展示的具体代码,供大家参考,具体内容如下日期函数倒计时=用将来的时间-现在的时间问题:将来时间距离1970毫秒数-现
前言由于业务需要,需要在封装的弹窗组件中引入定时器实现倒计时效果,但是如果同时触发两个弹窗,就会导致计时器bug,前一个弹窗的定时器没有被清除,倒计时就会错乱,
精确到毫秒秒杀倒计时PHP源码实例,前台js活动展示倒计时,后台计算倒计时时间。每0.1秒定时刷新活动倒计时时间。PHP://注意:php的时间是以秒算。js的
最近做浏览器界面倒计时,用js就实现,两种方式:一:设置时长,进行倒计时。比如考试时间等等代码如下:简单时长倒计时varmaxtime=60*60;//一个小时
编写JS倒计时代码需要用到很多JavaScript知识,比如:if函数,Math.floor,定时器setInterval等等,如有不清楚的小伙伴可以参考PHP