当前位置：首页 > 资讯 > 技术文档

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

时间：2020-10-30 09:56 编辑：来源：阅读：
扫一扫，手机访问

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

本文实例讲述了JS实现浏览器状态栏显示时间的方法。分享给大家供大家参考，具体如下：以前做个人主页的时候，总喜欢把自己的网页搞的很个性，在网上做跑马灯文字，在状态栏显示问候语，或者在状态栏添加时间显示，本代码就是实现了状态栏显示当前时间的物资，火狐没测度，IE下效果完美。运行效果截图如下： [img]http://files.jb51.net/file_images/article/201510/20151027105429323.png?2015927105447[/img] 在线演示地址如下： [url=http://demo.jb51.net/js/2015/js-status-bar-show-time-demo/]http://demo.jb51.net/js/2015/js-status-bar-show-time-demo/[/url] 具体代码如下：

<!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) ? hours -12 :hours)
  timeValue += ((minutes < 10) ? ":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程序设计有所帮助。

全部评论(0)

上一篇：判断横屏竖屏（三种）
下一篇：JS HTML5 音乐天气播放器(Ajax获取天气信息)

资讯排行榜
更多>>