您的位置:首页 > Web前端 > JavaScript

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;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: