导航:首页 > 编程语言 > js5分钟倒计时事件

js5分钟倒计时事件

发布时间:2024-11-11 11:51:05

A. js实现 倒计时程序,需求如下:当时间小于10分钟时,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
<input type="button" id="btn" value="免费获取验证码" />
<script type="text/javascript">
var wait=5; //第一次时间设置时间(秒为单位)
function time(o) {
if (wait == 0) {
o.removeAttribute("disabled");
o.value="免费获取验证码";
wait = 5; //重新的时间设置时间(秒为单位)
} else {
o.setAttribute("disabled", true);
o.value="重新发送(" + wait + ")";
wait--;
setTimeout(function() {
time(o)
},1000) ////1000就是1秒钟提醒一次
if(wait<2){ //少于2秒钟时,每次提醒一次提醒一次
alert('1'); //alert 提示框提醒
}
}
}
document.getElementById("btn").onclick=function(){time(this);}
</script>
</body>
</html>

注:alert 提示框提醒,不按确定时间会停止的!

B. 如何用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);
}

C. 求一段代码和js,一个页面多个活动倒计时,并且倒计时结束改变按钮内容不可点击,如图

JS定时器:
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>

D. js循环倒计时代码 每5秒循环倒计时到0 再从5秒开始

|<script>
var start = 5;
var step = 1;
function count()
{
document.getElementById("div1").innerHTML = start;
if(start == 5 || start == 0)
step *= -1;
start += step;
setTimeout("count()",1000);
}
window.onload = count;
</script>
<div id="div1"></div>

E. JS 倒计时问题,手机网页后台运行时,js会暂停

如果我答得好请给我一点分

在html5中document新增了一个事件 visibilitychange,这个事件在页面前台或后台切换时被触发,你所说的问题就简单了,它也有个对应的属性visibilityState,用于检测当前页面的状态值为hidden还是visible。

解法是,在hidden时记录当前时间,在visible时用当前时间减去之前记录的时间就为当前倒计时需要减去的时间,这也就不需要和后台沟通了,或者你直接在visible时刷新页面也行,下面是小样,你测试一下

varb=getTime();

functiongetTime()
{
returnDate.now();

}



document.addEventListener('webkitvisibilitychange',function()
{

if(document.webkitVisibilityState=='hidden')
{
b=getTime();

}else
{
document.body.appendChild(document.createTextNode('间隔:'+(getTime()-b)))

}




})
document.addEventListener('mozvisibilitychange',function()
{


if(document.mozVisibilityState=='hidden')
{
b=getTime();

}else
{
document.body.appendChild(document.createTextNode('间隔:'+(getTime()-b)))

}



})

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

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

G. 求一段JS代码 显示5秒倒计时后再触发按钮事件,并让按钮发送相应的JS事件。

<script type="text/javascript">
var n = 0;
var intervalID;
function setEnable(){

n++;

if(n==5){

btn.disabled = false;
// 有时稍后
clearInterval(intervalID);
}else{

btn.value = "我同意(版"+(5-n)+ ")权";
}
}
intervalID = window.setInterval("setEnable()",1000);
</script>
<input type="button" id="btn" name="btn"
value="Button" disabled="disabled" />

H. js用延时型定时器做一个从5开始,到0结束的倒计时,倒计时结束后弹一个框显示“时间到了”, 求代码!!!

vardiv=document.createElement("div");
div.innerHTML="5";
document.body.appendChild(div);
vartimer=setInterval(function(){
--div.innerHTML==0&&(clearInterval(timer),alert("时间复到制了"));
},1000);

ok,代码简单易懂

I. 我做的JSP在线考试系统,用JS计时,但当我点击考试开始倒计时了,比如总共3分钟,完成一次做题后还剩1分中

是全用js写吗? 给的分太少了 而且不需要高人也能做呵呵

阅读全文

与js5分钟倒计时事件相关的资料

热点内容
红米k30的视频文件在哪 浏览:855
streamreader读取大文件 浏览:682
tmp转换成excel文件怎么调表格 浏览:471
dnf86版本粉属强戒指 浏览:467
pdf文件怎么修复 浏览:488
linux动态arp检测 浏览:694
编程单独斜杠什么意思 浏览:762
公司升级大学生 浏览:582
pr工程文件打开找不到打开方式 浏览:673
win10不自动降频 浏览:531
sat文件是什么文件 浏览:494
appletv如何连接无线网 浏览:93
win10怎么添加搜狗输入法吗 浏览:391
awk取文件名 浏览:692
uc记录在哪个文件夹 浏览:339
网络专家教你如何认证 浏览:688
dnf85泰拉石武器升级 浏览:11
网络词眼是什么意思 浏览:953
信达证券网络学院 浏览:11
微信发文件复印件 浏览:548

友情链接