倒计时

html结构层

<span id="t_d"></span><span id="t_h"></span><span id="t_m"></span><span id="t_s"></span>

(1)指定日期的倒计时

js结构层

//每次刷新都是1分钟的倒计时,
var t=3600000;
function GetTime(){
t - = 1000;
var m=0,s=0;
if( t > = 0){
m=Math.floor(t/1000/60%60);//总分钟对60取余
s=Math.floor(t/1000%60);//不足1分钟对60取余
}
document.getElementById("t_m").innerHtml=m+":";
document.getElementById("t_s").innerHtml=s;
}
setInterval(GetTime,1000)

(2)指定分钟或者秒的倒计时

js行为层

function GetTime(){
var EndTime=new Data('2017/10/01/ 00:00:00');//创建指定的时间
var NowTime=new Data();//获取现在时间
var t=EndTime -NowTime;//两者相间隔的毫秒数
var d=0,h=0, m=0,s=0;
if( t > = 0){
d=Math.floor(t/1000/60/60/24);//天数
h=Math.floor(t/1000/60/60%24);//小时
m=Math.floor(t/1000/60%60);//分钟
s=Math.floor(t/1000%60);//秒数
}
document.getElementById("t_d").innerHtml=d+":";
document.getElementById("t_h").innerHtml=h+":";
document.getElementById("t_m").innerHtml=m+":";
document.getElementById("t_s").innerHtml=s;
}
setInterval(GetTime,1000)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • html结构层 (1)指定日期的倒计时 js结构层 //每次刷新都是1分钟的倒计时, var t=3600...
    电影里的梦i阅读 273评论 0 0
  • 一、html代码通过div来动态显示倒计时的结果 二、第二段代码是用来设置页面加载就调用这个倒计时的js 方法dj...
    老牛圣斗士阅读 1,205评论 0 0
  • var hourtime=prompt("输入下班时间,如下: ","17:30:00"); function d...
    eyuxiog阅读 470评论 0 0
  • 姓名:陈芬 公司:宁波慈星股份有限公司 宁波盛和塾《六项精进》224期学员,利他二组学员 【日精进打卡第76天】 ...
    龙芬浩阅读 241评论 0 0
  • 她是我喜欢的众多女性之一,于历史之中留下了不朽的篇章。一起为人所铭记的还有她一长串著名的情人名单,据说拜倒在她裙下...
    谢徵阅读 19,424评论 1 3

友情链接更多精彩内容