A. js實現倒計時 需要精確到秒 在datetime中的時分秒不加能正常顯示
倒計時，無非就是設定一個數值進行減法，settimeout（「」，1000），設定時間間回隔1秒，倒計時的話答，只要一次遞減，用一個for循環也好，或者while也好；
如果想用系統時間，先獲取 Date（）；然後給予一個變數賦值Date（）；再將時間進行倒敘減數字，需要換算成秒，然後轉換成時間格式，就會倒計時，不過很別扭，還是建議用設定時間的那種，因為要方便些，而且合乎常理。
B. 求一段代碼和js，一個頁面多個活動倒計時,並且倒計時結束改變按鈕內容不可點擊，如圖
JS定時器：
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>
C. js倒計時精確到毫秒
Js獲取當前日期時間及其它操作
var myDate = new Date(); myDate.getYear(); //獲取當前年份(2位)
myDate.getFullYear(); //獲取完整的年份(4位,1970-????)
myDate.getMonth(); //獲取當前月份(0-11,0代表1月)
myDate.getDate(); //獲取當前日(1-31)
myDate.getDay(); //獲取當前星期X(0-6,0代表星期天)
myDate.getTime(); //獲取當前時間(從1970.1.1開始的毫秒數)
myDate.getHours(); //獲取當前小時數(0-23)
myDate.getMinutes(); //獲取當前分鍾數(0-59)
myDate.getSeconds(); //獲取當前秒數(0-59)
myDate.getMilliseconds(); //獲取當前毫秒數(0-999)
myDate.toLocaleDateString(); //獲取當前日期
var mytime=myDate.toLocaleTimeString(); //獲取當前時間
myDate.toLocaleString( ); //獲取日期與時間
日期時間腳本庫方法列表
Date.prototype.isLeapYear 判斷閏年
Date.prototype.Format 日期格式化
Date.prototype.DateAdd 日期計算
Date.prototype.DateDiff 比較日期差
Date.prototype.toString 日期轉字元串
Date.prototype.toArray 日期分割為數組
Date.prototype.DatePart 取日期的部分信息
Date.prototype.MaxDayOfDate 取日期所在月的最大天數
Date.prototype.WeekNumOfYear 判斷日期所在年的第幾周
StringToDate 字元串轉日期型 IsValidDate 驗證日期有效性
CheckDateTime 完整日期時間檢查
daysBetween 日期天數差
D. JS實現簡單網頁倒計時器
要製作一個簡單的網頁倒計時器，可以使用javaScript實現。首先，我們編寫HTML代碼，創建一個用於顯示倒計時時間的div元素。
接下來，編寫JavaScript代碼。首先獲取當前時間，然後指定一個到期時間（例如2032年1月1日），計算當前時間和到期時間的時間差（以毫秒為單位）。接著判斷如果時間超了，停止倒計時。
已知總的秒數，通過取整數的方法計算天數、小時、分鍾和秒數。為了增加用戶體驗，將數字轉換成字元串，並在不足10的分秒中前補0。
定義一個空的字元串用於接收最後的倒計時字元串，並將其顯示在頁面上。最後，通過setInterval函數每1000毫秒更新一次倒計時。
總體的JavaScript代碼如下：
javascript
// 指定計時器到期時間，首先封裝函數
function antitime() {
var now = new Date(); // 獲取當前時間
var to = new Date(2032, 1, 1, 0, 0, 0); // 指定到期時間
var deltaTime = (to - now) / 1000; // 求時間差（秒）
// 判斷如果時間超了，停止倒計時
if (deltaTime <= 0) {
window.clearInterval(antitime);
}
// 計算天數、小時、分鍾和秒數
var d = Math.floor(deltaTime / 3600 / 24),
h = Math.floor(deltaTime / 3600 % 24),
m = Math.floor(deltaTime / 60 % 60),
s = Math.floor(deltaTime % 60);
// 補零
if (d < 10) d = '0' + d;
if (h < 10) h = '0' + h;
if (m < 10) m = '0' + m;
if (s < 10) s = '0' + s;
// 定義一個空的字元串
var timer01 = '距離2032年1月1日還有' + d + '天' + h + '小時' + m + '分' + s + '秒';
document.getElementById('box').innerHTML = timer01;
}
// 開啟定時器，每1000毫秒更新一次
setInterval(antitime, 1000);
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持自由互聯。
E. js設置DIV顯示時間並動態顯示時間倒計時多少秒，倒計時完了之後該層自動隱藏。
給你個思路：
1初始化時間，例如1小時5分鍾30秒(也可以讓用戶手動設置，這里略)
保存在全局變數中
var hour,minute,second;
2設置定時每隔1秒執行function xxx
setInterval(function xxx(){...},1000);
3編寫function用於每隔1秒更新時間，裡面判斷若倒計時為0時，隱藏div
function xxx(){
if(--second==0){
if(--minute==0){
if(--hour==0){
//隱藏div 設置style.display='none'
}
show(hour,minute,second);
second=60;
minute=60;
}
show(hour,minute,second);
second=60;
}
show(hour,minute,second);
}
function show(hour,minute,second){
var str_hour = hour<10?"0"+hour:""+hour;
var str_minute = minute<10?"0"+minute:""+minute;
var str_second = second<10?"0"+second:""+second;
//將這三個時分秒顯示到div中指定位置
}
F. js瀹炵幇璺濈2023騫5鏈1鏃ヨ繕鏈夊氬皯澶,灝忔椂,鍒,縐掔殑瀹炴椂鍊掕℃椂鏁堟灉錛
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鍊掕℃椂</title>
</head>
<body>
<div id="countdown"></div>
<script>
// 瀹氫箟鍊掕℃椂鎴姝㈡椂闂
const endTime = new Date('2023-05-01 00:00:00').getTime();
// 姣忕掓洿鏂頒竴嬈″掕℃椂
const countdown = setInterval(function() {
// 鑾峰彇褰撳墠鏃墮棿鎴
const nowTime = new Date().getTime();
// 璁＄畻鏃墮棿宸錛堟縐掞級
const timeDiff = endTime - nowTime;
// 璁＄畻鍓╀綑澶╂暟銆佸皬鏃舵暟銆佸垎閽熸暟銆佺掓暟
const days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
const hours = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((timeDiff % (1000 * 60)) / 1000);
// 灝嗗掕℃椂鏄劇ず鍦ㄩ〉闈涓
document.getElementById('countdown').innerHTML = '璺濈2023騫5鏈1鏃ヨ繕鏈夛細' + days + '澶 ' + hours + '灝忔椂 ' + minutes + '鍒 ' + seconds + '縐';
// 緇撴潫鍊掕℃椂
if (timeDiff < 0) {
clearInterval(countdown);
document.getElementById('countdown').innerHTML = '鍊掕℃椂宸茬粨鏉燂紒';
}
}, 1000);
</script>
</body>
</html>