15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 最简单的一个网页倒计时代码 时间到期后会显示出提醒内容 收藏版

最简单的一个网页倒计时代码 时间到期后会显示出提醒内容 收藏版

时间:2023-05-07 22:15:01 | 来源:网站运营

时间:2023-05-07 22:15:01 来源:网站运营

最简单的一个网页倒计时代码 时间到期后会显示出提醒内容 收藏版: 很多时候我们都是需要提醒自己做什么事情的,像我这么健忘的,更加需要倒计时之类的记录来提醒自己,这是我找到最简单简介的代码了!


<!doctype html><html><head><meta charset="utf-8"><title>最简单的一个网页倒计时代码 时间到期后会显示出提醒内容 收藏版</title><style>*{ margin:0; padding:0; list-style:none;}body{ font-size:18px; text-align:center;}.time{ height:30px; padding:200px;}</style></head><body> <div class="time"> <span id="t_d">00天</span> <span id="t_h">00时</span> <span id="t_m">00分</span> <span id="t_s">00秒</span> <span id="daoqi"></span> </div><script> function GetRTime(){ var EndTime= new Date('2017/06/20 00:00:00');//这里设置你预定的时间 var NowTime = new Date(); var t =EndTime.getTime() - NowTime.getTime(); var d=Math.floor(t/1000/60/60/24); var h=Math.floor(t/1000/60/60%24); var m=Math.floor(t/1000/60%60); var 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 + "秒"; if(s=="0" && m=="0" && h=="0" && d=="0"){ document.getElementById("daoqi").innerHTML ="时间到了,是时候做xxx了";//这里设置到期时间后的提醒内容 document.getElementById("daoqi").style.color="red";}} setInterval(GetRTime,0); </script></body></html>
以上是完整代码,可以自己另存为xx.html本地查看,


之后我也会应用到自己需要的地方



附上源码文件:下载(右键另存为)




欢迎转载,LY客栈-袁建军-博客:最简单的一个网页倒计时代码 时间到期后会显示出提醒内容 收藏版,转载请注明原文网址:

最简单的一个网页倒计时代码 时间到期后会显示出提醒内容 收藏版

关键词:收藏,内容,提醒,简单,时代

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭