SetTimeOut方法用法示例

softart

于 2007-12-14 11:51:00 发布

阅读量565

点赞数

CC 4.0 BY-SA版权

文章标签： javascript button border function table date

本文链接：https://blog.youkuaiyun.com/softart/article/details/1935172

本文提供了一个使用JavaScript实现定时更新显示当前时间的HTML页面示例。通过设置定时器每秒更新页面上的时间显示，展示了基本的网页动态元素更新方法。

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

2006年01月07日 21:05:00

(一).示例图片效果

(二).代码

>html<
>head<
>title/title<
>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)
}

//--<
>/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="设置时间" onclick=window.setTimeout("showtime()",1000) style="background-color:lightblue;"<>/td<
>/tr<
>/table<
>/form<
>/body<
>/html<

Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=573114