JavaScript中setTimeout 和 setInterval 的区别--例子:在网页中实现倒记时的方法
2007-01-15 15:59
991 查看
JavaScript中有两个主要的定时方法,分别是setTimeout 和 setInteval , 他们的语法基本上相同,但是完成的功能取有区别。
setTimeout方法是定时程序,也就是在什么时间以后干什么。干完了就拉倒。
setInterval方法则是表示间隔一定时间反复执行某操作。
如果用setTimeout实现setInerval的功能,就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要 根据使用的方法不同,调用不同的清除方法:
例如:tttt=setTimeout('northsnow()',1000);
clearTimeout(tttt);
或者:
tttt=setInterval('northsnow()',1000);
clearInteval(tttt);
例子:
页面文件:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>JavaScript实现倒记时</title>
</head>
<body onload="javascript:closeit();">
<form id="form1" runat="server">
<asp:TextBox ID="TextBox1" runat="server" Width="81px"></asp:TextBox>分钟
<asp:Button ID="Button2" runat="server" Text="考试时间" OnClick="Button2_Click" />
<br/>
<asp:Label ID="Label_Time" runat="server" Text="0:1:00"></asp:Label>
</form>
</body>
</html>
对时间设定代码:
protected void Button2_Click(object sender, EventArgs e)
{
//ss="1:20:00";
int alltime = Convert.ToInt32( TextBox1.Text.Trim() );;
string ss1;
string ss2;
string ss3;
if (alltime >= 60)
{
ss1 = Convert.ToString(alltime / 60);
ss2 = Convert.ToString(alltime % 60);
ss3 = "00";
}
else
{
ss1 = "00";
ss2 = Convert.ToString(alltime % 60);
ss3 = "00";
}
string ss = ss1 + ":" + ss2 + ":" + ss3;
Label_Time.Text = ss;
}
setTimeout方法是定时程序,也就是在什么时间以后干什么。干完了就拉倒。
setInterval方法则是表示间隔一定时间反复执行某操作。
如果用setTimeout实现setInerval的功能,就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要 根据使用的方法不同,调用不同的清除方法:
例如:tttt=setTimeout('northsnow()',1000);
clearTimeout(tttt);
或者:
tttt=setInterval('northsnow()',1000);
clearInteval(tttt);
例子:
页面文件:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>JavaScript实现倒记时</title>
</head>
<body onload="javascript:closeit();">
<form id="form1" runat="server">
<asp:TextBox ID="TextBox1" runat="server" Width="81px"></asp:TextBox>分钟
<asp:Button ID="Button2" runat="server" Text="考试时间" OnClick="Button2_Click" />
<br/>
<asp:Label ID="Label_Time" runat="server" Text="0:1:00"></asp:Label>
</form>
</body>
</html>
对时间设定代码:
protected void Button2_Click(object sender, EventArgs e)
{
//ss="1:20:00";
int alltime = Convert.ToInt32( TextBox1.Text.Trim() );;
string ss1;
string ss2;
string ss3;
if (alltime >= 60)
{
ss1 = Convert.ToString(alltime / 60);
ss2 = Convert.ToString(alltime % 60);
ss3 = "00";
}
else
{
ss1 = "00";
ss2 = Convert.ToString(alltime % 60);
ss3 = "00";
}
string ss = ss1 + ":" + ss2 + ":" + ss3;
Label_Time.Text = ss;
}
相关文章推荐
- JavaScript中 setInterval和setTimeout事件的方法 和区别
- JavaScript中setTimeout()方法和setInterval()的区别
- JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
- JavaScript用setTimeout超时调用实现setInterval间歇调用
- setTimeout()和setInterval()方法的区别?
- javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
- Javascript实现把网页中table的内容导入到excel中的几种方法
- 同一个网页中实现多个JavaScript特效的方法
- Javascript中, setTimeout() 和 setInterval() 的方法
- javascript实现网页跳转的方法
- setInterval实现验证码倒数计时及与setTimeOut区别
- 用setTimeout()方法来模拟setInterval()与setInterval()之间的什么区别?
- JavaScript实现更改网页背景与字体颜色的方法
- JavaScript中的setTimeout和setInterval传入的函数不能带参数的解决方法
- JS中setTimeout()和setInterval()方法的区别
- JavaScript实现网页对象拖放功能的方法
- setTimeout()与setInterval()方法区别介绍
- javascript实现在网页中运行本地程序的方法
- javascript+css 网页每次加载不同样式的实现方法
- 转:Javascript实现把网页中table的内容导入到excel中的几种方法