时间: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>
关键词:收藏,内容,提醒,简单,时代