您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
js定时器的使用
作者：佚名 责任编辑：admin 更新时间：2022-06-22
本篇文章主要介绍了js中定时器的使用方法。需要的朋友可以过来参考下，希望对大家有所帮助
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Untitled Page</title> <script language="javascript" type="text/javascript"> var YC = new Object(); function beginYC() { var secondsYC = document.getElementById("txtYCSeconds").value; try { YC = setTimeout("alert('延迟"+secondsYC+"秒成功')",secondsYC*1000); } catch(e) { alert("请输入正确的秒数。"); } } function overYC() { clearTimeout(YC); YC=null; alert("终止延迟成功。"); } /**************************↓↓↓↓定时器的使用↓↓↓↓********************************/ var timerDS = new Object(); var timerDDS = new Object(); function beginDS() { sn.innerHTML = "0"; timerDS = setInterval("addOne()",parseInt(document.getElementById("txtIntervalSeconds").value,10)*1000); } function goonDS() { timerDS = setInterval("addOne()",parseInt(document.getElementById("txtIntervalSeconds").value,10)*1000); } function overDS() { clearInterval(timerDS); timerDS=null; } function delayDS() { overDS(); timerDDS = setTimeout("goonDS()",document.getElementById("txtDDSSeconds").value*1000); } function addOne() { if(sn.innerHTML=="10") { overDS(); alert("恭喜你，已成功达到10秒"); return; } sn.innerHTML=parseInt(sn.innerHTML,10)+1; } </script> </head> <body> <form id="form1" runat="server"> <div> 延迟器的使用：</div> <div> <label id="Label2" title="延迟秒数："></label> <input type="text" id="txtYCSeconds" value="3" /> <input type="button" id="btnBYC" onclick="javascript:beginYC()" value="开始延迟" /> <input type="button" id="btnOYC" onclick="javascript:overYC()" value="终止延迟" /> <input type="button" id="Button1" onclick="javascript:alert('good monrning');" value="普通弹窗" /> </div> <br /> <div> 定时器的使用：</div> <div> <div id="sn">0</div> <label id="Label1" title="定时间隔秒数："></label> <input type="text" id="txtIntervalSeconds" value="1" /> <input type="button" id="btnBDS" onclick="javascript:beginDS()" value="启动定时" /> <input type="button" id="btnODS" onclick="javascript:overDS()" value="终止定时" /> <input type="button" id="btnGDS" onclick="javascript:goonDS()" value="继续定时" /> <label id="ds" title="延迟秒数："></label> <input type="text" id="txtDDSSeconds" value="5" /> <input type="button" id="btnDDS" onclick="javascript:delayDS()" value="延迟定时" /> </div> </form> </body> </html>- 上一个程序编程： Jquery操作radio的简单实例
- 下一个程序编程： 浅析js中的浮点型运算问题
