JS 定时器（setInterval和setTimeout 函数）

最新推荐文章于 2022-11-01 10:06:00 发布

scgyyu

最新推荐文章于 2022-11-01 10:06:00 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML JavaScript 文章标签： timer function button date javascript input

本文链接：https://blog.youkuaiyun.com/scgyyu/article/details/4232363

HTML JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文提供了两种实现网页时间定时刷新的方法，并附带停止和开始刷新的功能。第一种方法使用JavaScript结合setInterval进行定时更新；第二种方法利用setTimeout实现类似效果，并在DOM元素中直接显示日期和星期。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

DEMO1:
<html>

<head>

<script language="JavaScript">

</script>
</head>

<body>

<form name="form1">
当前时间：<input type=text name="txt_Time" size=30 onkeydown="Clear()">
<input type="button" name="btn_Stop" value="STOP" onClick="Stop()">

</form>

</body>

</html>

DEMO2:
<SCRIPT>

function Refresh()
{
Time.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());
timer=setTimeout("Refresh()",1000);
}

var timer=setTimeout("Refresh()",1000);

function Stop()
{
if(event.srcElement.value=="STOP")
{
clearTimeout(timer);
document.all.btn_Stop.value="START";
}
else if(event.srcElement.value=="START")
{
timer=setTimeout("Refresh()",1000);
document.all.btn_Stop.value="STOP";
}
}

</SCRIPT>

<body>
<DIV style="background-color:#eeeeee" id="Time"></DIV>
<input type="button" name="btn_Stop" value="STOP" onClick="Stop()">

</body>