管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

状态栏时间显示效果数字钟

<HTML> 
<HEAD> 
<TITLE>状态栏显示时间——数字钟</TITLE> 
<META content="text/html; charset=gb2312" http-equiv=Content-Type> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20language%3DJavaScript%3E%20%0D%0Avar%20timerID%20%3D%20null%3B%20%0D%0Avar%20timerRunning%20%3D%20false%3B%20%0D%0A%0D%0Afunction%20stopclock%20()%7B%20%0D%0Aif(timerRunning)%20%0D%0AclearTimeout(timerID)%3B%20%0D%0AtimerRunning%20%3D%20false%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20showtime%20()%20%7B%20%0D%0Avar%20now%20%3D%20new%20Date()%3B%20%0D%0Avar%20hours%20%3D%20now.getHours()%3B%20%0D%0Avar%20minutes%20%3D%20now.getMinutes()%3B%20%0D%0Avar%20seconds%20%3D%20now.getSeconds()%20%0D%0Avar%20timeValue%20%3D%20%22%20%22%20%2B%20((hours%20%3E12)%20%3F%20hours%20-12%20%3Ahours)%20%0D%0AtimeValue%20%2B%3D%20((minutes%20%3C%2010)%20%3F%20%22%3A0%22%20%3A%20%22%3A%22)%20%2B%20minutes%20%0D%0AtimeValue%20%2B%3D%20((seconds%20%3C%2010)%20%3F%20%22%3A0%22%20%3A%20%22%3A%22)%20%2B%20seconds%20%0D%0AtimeValue%20%2B%3D%20(hours%20%3E%3D%2012)%20%3F%20%22%20pm%22%20%3A%20%22am%22%20%0D%0Awindow.status%20%3D%20timeValue%3B%20%0D%0Adocument.title%20%3D%20timeValue%3B%20%0D%0AtimerID%20%3D%20setTimeout(%22showtime()%22%2C1000)%3B%20%0D%0AtimerRunning%20%3D%20true%3B%20%0D%0A%7D%20%0D%0Afunction%20startclock%20()%20%7B%20%0D%0Astopclock()%3B%20%0D%0Ashowtime()%3B%20%0D%0A%7D%20%0D%0Awindow.onload%3Dstartclock%20%0D%0A%3C%2FSCRIPT%3E"> 
<style> 
body { font-family: Tahoma; font-size: 9pt; color: #FFFFFF } 
</style> 
</HEAD> 
<BODY bgColor=#336699 id=all text=#000000 topmargin="0" leftmargin="0"> 
<div style="width: 65; height: 19; position: absolute; left: 20; bottom:0">请看状态栏:</div> 
</BODY> 
</HTML>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程

状态栏 时间显示效果 数字钟

状态栏时间显示效果数字钟