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

网络编程 2024/5/19 佚名

3 2 1

本文实例讲述了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>
</HEAD>
<script language="JavaScript">
var timerID = null;
var timerRunning = false;
function stopclock (){
  if(timerRunning)
    clearTimeout(timerID);
  timerRunning = false;
}
function showtime () {
  var now = new Date();
  var hours = now.getHours();
  var minutes = now.getMinutes();
  var seconds = now.getSeconds()
  var timeValue = " " + ((hours >12) ":0" : ":") + minutes
  timeValue += ((seconds < 10) ":0" : ":") + seconds
  timeValue += (hours >= 12) " 下午" : " 上午"
  window.status = timeValue;
  timerID = setTimeout("showtime()",1000);
  timerRunning = true;
}
function startclock () {
  stopclock();
  showtime();
}
</script>
<body bgcolor="#336699" topmargin="0" leftmargin="0" onLoad="startclock()">请看左下角！状态栏有时间显示！</BODY>
</HTML>

希望本文所述对大家JavaScript程序设计有所帮助。

JS,浏览器,状态栏,显示时间

标签：

JS,浏览器,状态栏,显示时间

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

评论“JS实现浏览器状态栏显示时间的方法”

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

暂无“JS实现浏览器状态栏显示时间的方法”评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新动态

20240519

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

JS,浏览器,状态栏,显示时间

JS实现浏览器状态栏文字闪烁效果的方法

JavaScript模块规范之AMD规范和CMD规范

评论“JS实现浏览器状态栏显示时间的方法”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新动态

友情链接