宝哥软件园

浏览器状态栏显示时间的JS方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-29

本文介绍了用JS在浏览器状态栏中显示时间的方法。分享给大家参考,如下:

以前做个人主页的时候,总喜欢把自己的网页做得很个人化,在网上写跑马灯,在状态栏显示问候,或者在状态栏增加时间显示。该代码实现了状态栏显示当前时间的物料。火狐没有实测,IE下效果完美。

运行效果截图如下:

在线演示地址如下:

http://demo.jb51.net/js/2015/js-status-bar-show-time-demo/

具体代码如下:

!doctype html public '-//W3C//dtd html 4.0 transitional//en ' html head title状态栏时间显示/title/headscript语言=' JavaScript ' var timer id=nullvar timerRunning=false函数stop clock(){ if(timerrrunning)cleartime out(timerID);timerRunning=false}函数show time(){ var now=new Date();var hours=now . gethours();var minutes=now . getminutes();var seconds=now . getseconds()var timeValue=' '((12小时)?小时-12 :小时)time value=((10分钟)?0' : ': ')分钟时间值=((10秒)?0' : ': ')秒时间值=(小时=12)?下午' : '上午'窗口. status=time value;timerID=setTimeout('showtime()',1000);timerRunning=true}函数start clock(){ stop clock();show time();}/脚本正文bgcolor=' # 336699 ' topmargin=' 0 ' left margin=' 0 ' on load=' start clock()'请参见左下角!状态栏有时间显示!/BODY/HTML希望这篇文章对JavaScript编程有所帮助。

更多资讯
游戏推荐
更多+