愛鋒貝

 找回密碼
 立即注冊

只需一步,快速開始

扫一扫,极速登录

查看: 971|回復(fù): 0
打印 上一主題 下一主題
收起左側(cè)

秒殺倒計時

[復(fù)制鏈接]

1411

主題

1516

帖子

5890

積分

Rank: 8Rank: 8

跳轉(zhuǎn)到指定樓層
樓主
發(fā)表于 2023-3-25 21:52:17 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式

一鍵注冊,加入手機圈

您需要 登錄 才可以下載或查看,沒有帳號?立即注冊   

x
<style>
.clock {
width: 300px;
height: 30px;
border: 1px solid #000;
      }
</style>
</head>
<body>
<div class="clock"></div>

<script>
var clock = document.querySelector(".clock");

//倒計時  結(jié)束時間是: 2023/3/24 8:00結(jié)束
// 剩幾小時幾分鐘幾秒

// 25h  --- d = 1天   h = 1小時   
function countdown() {
var startTime = new Date().getTime();
var endTime = new Date("2023/3/25 17:00:00").getTime();
var interval = (endTime - startTime) / 1000; // 秒

var d = parseInt(interval / 60 / 60 / 24)
var h = parseInt(interval / 60 / 60 % 24);
var m = parseInt(interval / 60  % 60)
var s = parseInt(interval % 60)   // 剩余時間是85s , 秒位應(yīng)該顯示25

if (h < 10) h = '0' + h
if (m < 10) m = '0' + m
if (s < 10) s = '0' + s

clock.innerText = '剩余' + d + '天 ' + h + ":" + m + ":" + s
      }
countdown();
setInterval(countdown,1000)
</script>
</body>
運行結(jié)果



-----------------------------
精選高品質(zhì)二手iPhone,上愛鋒貝APP
您需要登錄后才可以回帖 登錄 | 立即注冊   

本版積分規(guī)則

QQ|Archiver|手機版|小黑屋|愛鋒貝 ( 粵ICP備16041312號-5 )

GMT+8, 2025-2-10 22:18

Powered by Discuz! X3.4

© 2001-2013 Discuz Team. 技術(shù)支持 by 巔峰設(shè)計.

快速回復(fù) 返回頂部 返回列表