JavaScript(一)javascript计时器
来源:互联网 发布:three.js pdf 编辑:程序博客网 时间:2024/05/22 11:41
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script language="javascript" type="text/javascript"> var interval = 1000; function ShowCountDown(year,month,day,divname) { var now = new Date(); var endDate = new Date(year, month-1, day); var leftTime=endDate.getTime()-now.getTime(); var leftsecond = parseInt(leftTime/1000);//var day1=parseInt(leftsecond/(24*60*60*6)); var day1=Math.floor(leftsecond/(60*60*24)); var hour=Math.floor((leftsecond-day1*24*60*60)/3600); var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60); var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60); var cc = document.getElementById(divname); cc.innerHTML = "距离"+year+"年"+month+"月"+day+"日还有:"+day1+"天"+hour+"小时"+minute+"分"+second+"秒"; } function leftTime11(){ window.setInterval(function(){ShowCountDown(2010,4,20,'divdown1');}, interval); } var leftTime2=1000*60*60; function ShowCountDown2(divname) {// var now = new Date();// var endDate = new Date(year, month-1, day);// var leftTime=endDate.getTime()-now.getTime(); var leftsecond = parseInt(leftTime2/1000);//var day1=parseInt(leftsecond/(24*60*60*6)); var day1=Math.floor(leftsecond/(60*60*24)); var hour=Math.floor((leftsecond-day1*24*60*60)/3600); var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60); var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60); var cc = document.getElementById(divname); cc.innerHTML = "距离考试结束还有:"+day1+"天"+hour+"小时"+minute+"分"+second+"秒"; leftTime2=leftTime2-1000; } function leftTime12(){ window.setInterval(function(){ShowCountDown2('divdown2');}, interval); }</script><button onclick="leftTime11();">ccc</button><button onclick="leftTime12();">ddd</button><div id="divdown1"></div><div id="divdown2"></div></body></html>
var countdown=60; function settime(val) { if (countdown == 0) { val.removeAttribute("disabled"); val.value="免费获取验证码"; countdown = 60; } else { val.setAttribute("disabled", true); val.value="重新发送(" + countdown + ")"; countdown--; } setTimeout(function() { settime(val) },1000) } function showtime(t){ $("#phone").attr("disabled",true); for(i=1;i<=t;i++) { window.setTimeout("update_p(" + i + ","+t+")", i * 1000); } } function update_p(num,t) { if(num == t) { $("#phone").val(" 重新发送 "); $("#phone").attr("disabled",false); } else { printnr = t-num; $("#phone").val(" (" + printnr +")秒后重新发送"); } }
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /><input type="button" id="phone" class="button" value="获取手机验证码" name="phone" onclick="showtime(30)"/>
setInterval() 方法
setInterval() 间隔指定的毫秒数不停地执行指定的代码
语法
window.setInterval() 方法可以不使用window前缀,直接使用函数setInterval()。
setInterval() 第一个参数是函数(function)。
第二个参数间隔的毫秒数
注意: 1000 毫秒是一秒。
如何停止执行?
clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。
语法
window.clearInterval() 方法可以不使用window前缀,直接使用函数clearInterval()。
要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量:
然后你可以使用clearInterval() 方法来停止执行。
setTimeout() 方法
语法
setTimeout() 方法会返回某个值。在上面的语句中,值被储存在名为 t 的变量中。假如你希望取消这个 setTimeout(),你可以使用这个变量名来指定它。
setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 "alert('5 seconds!')",或者对函数的调用,诸如 alertMsg()"。
第二个参数指示从当前起多少毫秒后执行第一个参数。
提示:1000 毫秒等于一秒。
如何停止执行?
clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。
语法
window.clearTimeout() 方法可以不使用window 前缀。
要使用clearTimeout() 方法, 你必须在创建超时方法中(setTimeout)使用全局变量:
如果函数还未被执行,你可以使用 clearTimeout() 方法来停止执行函数代码。
- JavaScript(一)javascript计时器
- (一)、JavaScript 计时器
- javascript计时器
- javascript计时器
- JavaScript计时器
- JavaScript计时器
- javascript计时器
- javascript 计时器
- JavaScript计时器
- JavaScript计时器
- Javascript计时器
- 解读javascript的计时器
- javascript 简易计时器
- Javascript中的计时器
- JavaScript的计时器
- javascript实现计时器
- javascript中的计时器
- 【JavaScript】分秒倒计时器
- QT之QString转char*之后乱码
- 用 Java 实现的 Rc4 加密算法
- 【github】项目收集合集(持续补充)
- 判别模型(Discriminative Model)和生成模型(Generative Model)
- easyui二级,三级联动问题
- JavaScript(一)javascript计时器
- 数组输出
- 使用lua实现nginx rewrite
- 数据类型的重要性
- 位运算用法总结
- Oracle Database之序列(Sequence)
- Gradle文件操作基础
- 《美人鱼》观后感
- HTTP状态码梳理