本文提供了两个使用JavaScript实现定时刷新显示当前时间的例子。第一个例子通过表单输入框展示时间，第二个例子则在页面上直接显示时间及星期信息。两个示例均包括开始和停止时间更新的功能。
DEMO1:<html><head>
<script language="JavaScript">
<!--function Refresh()
{ var newDateObj = new Date(); document.form1.txt_Time.value=newDateObj.toLocaleString();//使用当前区域设置并已被转换为字符串
}var MyInterval=setInterval("Refresh()",1000);function Stop(){ if(event.srcElement.value=="STOP") //if(document.form1.btn_Stop.value=="STOP") { clearInterval(MyInterval); document.form1.btn_Stop.value="START"; } else if(event.srcElement.value=="START") //else if(document.form1.btn_Stop.value=="START") { MyInterval=setInterval("Refresh()",1000); document.form1.btn_Stop.value="STOP"; }}function Clear(){ if(event.keyCode==8)//退格键 { event.srcElement.value=""; }}
//--></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()); 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()"><button name='btnTest' onclick="javascript:alert(this.name)">测试</button></body>
扫一扫
4091
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
