先創建一個名叫time的div
CSS樣式：
.time{
background: skyblue;
width: 367px;
height: 300px;
text-align: center;
margin: auto;
font-size: 30px;
}
Javascript;
var str = prompt('請輸入時間');
var time1= setInterval(function(){
var newtime = new Date();
var now = newtime.getTime();
var endtime = new Date(str);
var end = endtime.getTime();
var time = end - now;
var timebox = document.querySelector('.time');
var d,h,m,s;
d = Math.floor(time/1000/60/60/24);
h = Math.floor(time/1000/60/60%24);
m = Math.floor(time/1000/60%60);
s = Math.floor(time/1000%60);
if(time>1){
timebox.innerHTML = "距離"+str+"還剩："+d+"天"+h+"小時"+m+"分鐘"+s+"秒";
}
else{
timebox.innerHTML = str+"已經到了";
}
},1000);
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/352250.html
標籤：其他
上一篇：階段三 JavaScript網頁編程---js基礎語法
下一篇：JavaScript實作跟隨廣告