直播商城系統原始碼，js製作倒數計時，天，小時，分，秒

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style type="text/css">
#box {
width: 415px;
height: 200px;
margin: 200px auto 0;
}
/* 青色的盒子劇中對齊 */
span {
display: inline-block;
width: 100px;
height: 100px;
background-color: aquamarine;
line-height: 100px;
text-align: center;
font-size: 32px;
}
</style>
</head>
<body>
<div id="box">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</body>
<script type="text/javascript">
// 獲取所有的span表情，也就是青色的盒子
let span = document.querySelectorAll('span');
// 建立終點時間
let daojishi = +new Date('2021-11-28 12:00:00')
// 執行函式的方法
function sj() {
// 獲得當前的時間
let shijian = +new Date();
// 終點時間-當前時間再除以1000得出他的秒數
let mshu = (daojishi - shijian) / 1000;
// 獲取剩下多少天
let t = parseInt(mshu / 60 / 60 / 24);
t = t < 10 ? '0' + t : t;
span[0].innerHTML = t + '天';
// 獲取剩下多少小時
let s = parseInt(mshu / 60 / 60 % 24);
s = s < 10 ? '0' + s : s;
span[1].innerHTML = s + '時';
// 獲取剩下多少分鐘
let f = parseInt(mshu / 60 % 60);
f = f < 10 ? '0' + f : f;
span[2].innerHTML = f + '分';
// 獲取剩下多少秒
let m = parseInt(mshu % 60);
m = m < 10 ? '0' + m : m;
span[3].innerHTML = m + '秒';
}
// 一開始呼叫一次
sj();
// 每秒呼叫
setInterval(sj, 1000);
</script>
</html>

以上就是直播商城系統原始碼，js製作倒數計時，天，小時，分，秒，更多內容歡迎關注之後的文章

直播商城系統原始碼，js製作倒數計時，天，小時，分，秒

相關文章