包含天,时,分,秒的倒计时
生活随笔
收集整理的這篇文章主要介紹了
包含天,时,分,秒的倒计时
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
這個(gè)很基礎(chǔ)的東西寫(xiě)的過(guò)程中出了很多小的錯(cuò)誤,在此記錄一下。
原生的js。
結(jié)構(gòu):
<p id="time"></p>js:
<script>var start = new Date().getTime(); // 獲取開(kāi)始時(shí)間
var end = new Date("2019-01-22 18:00:00").getTime(); // 設(shè)置結(jié)束時(shí)間
var space = Math.floor((end-start)/1000) // 獲取時(shí)間差值
function countDown(time){
var timer = null;
timer = setInterval(function(){
var day = 0; // 設(shè)置默認(rèn)時(shí)間均為0
hour = 0;
minute = 0;
second = 0;
if(time > 0){
day = Math.floor(time / 60 / 60 / 24);
hour = Math.floor(time / 60 / 60 % 24);
minute = Math.floor(time / 60 % 60);
second = Math.floor(time % 60);
// 其中計(jì)算時(shí)間的這部分代碼可以寫(xiě)成如下兩種方式:
day = Math.floor(times / (60 * 60 * 24));
hour = Math.floor(times / (60 * 60)) - (day * 24);
minute = Math.floor(times / 60) - (day * 24 * 60) - (hour * 60);
second = Math.floor(times) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
// 或者:
day = parseInt(times / 60 / 60/ 24);
hour = parseInt(times / 60 / 60 % 24);
minute = parseInt(times / 60 % 60);
second = parseInt(times % 60);
}
if(minute <= 9){
minute = "0" + minute;
}
if(second <= 9){
second = "0" + second;
}
time--;
document.getElementById("time").innerHTML = "剩余時(shí)間是:"+day+"天"+hour+"小時(shí)"+minute+"分"+second+"秒"; },1000)
if(time <= 0){
clearInterval(timer) // 關(guān)閉定時(shí)器
}
}
countDown(space);
</script>
?
轉(zhuǎn)載于:https://www.cnblogs.com/ly-qingqiu/p/10304252.html
總結(jié)
以上是生活随笔為你收集整理的包含天,时,分,秒的倒计时的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 浏览器打开出现证书错误_浏览器安全证书过
- 下一篇: 网络信号管理大师怎么用_常说的OKR管理