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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持自由互联。