js頁面計時

A. 求一個用js編寫的60秒倒計時，需要在頁面上顯示剩餘時間

var s = 60, t;
function times(){
s--;
document.form.time.value = s;
t = setTimeout('times', 1000);
if ( s <= 0 ){
s = 60;
clearTimeout(t);
}
}

times();

B. 如何用javaScript寫一個60秒倒計時的js文件

用來 setTimeout("",1000); 引號裡面自填要調用的方法

如: 頁面
<a id="time"></a>

javascript:

function send(){
var i = 61;
i--;
if(i==-1)
return null;
document.getElementById("time").innerHTML = i;
setTimeout("send();",1000);
}

C. 如何用js顯示3分鍾倒計時並輸出指定數字

functiontimeshow(){
	vartime=3;//s
	varstart=window.setInterval(function(){
		time=time-1;
		console.log(time);
		document.getElementById('show').innerHTML='計時開始，'+time+'秒後跳轉!';
		if(time==0){
			window.clearInterval(start);
			document.getElementById('show').innerHTML='計時結束';
		}
	},1000);
}

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);

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持自由互聯。