欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html的時鐘代碼大全

錢斌斌2年前9瀏覽0評論

HTML時鐘是網頁開發中很常用的一個功能,可以用于顯示當前的時間或者倒計時。下面是一些常用的HTML時鐘代碼,可以根據需求選擇使用。

<!-- 顯示當前時間 -->
<p><script>document.write(new Date().toLocaleString());</script></p>
<!--顯示當前時間,每秒自動更新-->
<p id="clock"></p>
<script>
function showTime() {
var date = new Date();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();
var time = h + ":" + m + ":" + s;
document.getElementById("clock").innerHTML = time;
}
setInterval(showTime, 1000);
</script>
<!--倒計時-->
<p id="countdown"></p>
<script>
var countDownDate = new Date("Jan 1, 2022 00:00:00").getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("countdown").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
if (distance <= 0) {
clearInterval(x);
document.getElementById("countdown").innerHTML = "EXPIRED";
}
}, 1000);
</script>

以上三個例子展示了顯示當前時間、顯示當前時間并每秒更新、以及倒計時功能的HTML時鐘代碼。可以根據需要進行修改和調整,在網頁中應用這些代碼,便可以讓網頁更加實用有趣。