SetTimeOut()与setInterval()的使用

最新推荐文章于 2024-09-11 15:33:18 发布

liveinheaven

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量298

点赞数

文章标签： button function javascript date border table

本文链接：https://blog.csdn.net/liveinheaven/article/details/2031395

版权

关于window的这两个方法 setInterval()等待间隔时间不停调用而setTimeOut()则是只调用一次但并不影响二者达到一样的效果 :

<html><head>
<script laguage="javascript">
<!--
function showtime()
{
mytime=new Date();
mytime=mytime.getHours()+":"+mytime.getMinutes()+":"+mytime.getSeconds();
document.myform.mytext.value=mytime;
window.clearTimeout(mytimeout);
var mytimeout=window.setTimeout("showtime()",1000)
}
function showtime2(){
time = new Date();
time =time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
document.myform.text2.value=time;
}

//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<form name="myform">
<table border=0 align=center>
<tr>
<td><input type=text name=mytext size=20 style="background-color:lightgreen;color:blue"></td>
<td><input type=button value="设置时间" οnclick=window.setTimeout("showtime()",1000) style="background-color:lightblue;"></td>
</tr>