博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
php 刷新不变倒计时,JS实现无刷新倒计时
阅读量:6621 次
发布时间:2019-06-25

本文共 1111 字,大约阅读时间需要 3 分钟。

Document

window.οnlοad=function(){

function Timeover(){

var timer=null;//定义定时器对象

var oparenttime=document.getElementsByClassName("liktimer")[0]; //获取对象

var endtime="4/23/2017 15:16:59" //定义结束时间

var endtimer=new Date(endtime).getTime();

var startimer=new Date().getTime();

var opactiontimer=endtimer-startimer;

var second=opactiontimer/1000;//获取总的秒

var Minute=Math.floor(second/60);//获取总的分

var houre=Math.floor(Minute/60);//获取总的小时

var day=Math.floor(houre/24);//获取总的天数

var houres=Math.floor(houre%24);//获取显示的小时

var Minutes=Math.floor(Minute%60);//获取显示的分

var seconds=Math.floor(second%60);//获取显示的秒

document.getElementsByClassName("RemainD")[0].innerHTML=day;

document.getElementsByClassName("RemainH")[0].innerHTML=houres;

document.getElementsByClassName("RemainM")[0].innerHTML=Minutes;

document.getElementsByClassName("RemainS")[0].innerHTML=seconds;

if(startimer>endtimer){ //如果当下的时间大于了过期时间,关闭定时器

clearInterval(timer);

oparenttime.innerHTML="";

oparenttime.innerHTML="倒计时已经结束";

}

}

function loop(){

Timeover();

timer=setInterval(Timeover,1000);

}

loop();//消除帅新等待1秒倒计时的bug

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史

转载地址:http://afcpo.baihongyu.com/

你可能感兴趣的文章
Elasticsearch 7.0中引入的新集群协调子系统如何使用?
查看>>
F# 4.5提供Spans、Match!等特性
查看>>
Facebook产品经理的三年叙事与协作思考
查看>>
你的GitHub,怎么和我用的不太一样?
查看>>
区块链技术精华:四十种智能合约支持平台(三)
查看>>
终极指南:如何使用Visual Studio Code进行 Java 开发?
查看>>
微信小程序开发-个人总结
查看>>
就欧盟的通用数据保护法规(GDPR)影响采访Immuta
查看>>
Azure与Scott Guthrie:Azure安全中心和基于角色的访问控制
查看>>
javascript实现静态页面之间的传值
查看>>
如何用React + Rxjs实现一个虚拟滚动组件?
查看>>
go-elasticsearch: Elastic官方的Go语言客户端
查看>>
Java EE 8终于给出即将完成的迹象
查看>>
Grafana 6.0正式发布!新增查询工作流,全新独立Gauge面板
查看>>
一个小程序走完诉讼全程,腾讯云加速推动“智慧法院”方案落地
查看>>
Terratest:一个用于自动化基础设施测试的开源Go库
查看>>
魔鬼存在于细节中:从Redshift迁移到ClickHouse后再无数据丢失
查看>>
20天持续压测,告诉你云存储性能哪家更强?
查看>>
基于Kafka实现分布式事件驱动
查看>>
React从入门到精通系列之(17)不使用ES6编写React应用
查看>>