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


Posted in Javascript onOctober 27, 2015

本文实例讲述了JS实现浏览器状态栏显示时间的方法。分享给大家供大家参考,具体如下:

以前做个人主页的时候,总喜欢把自己的网页搞的很个性,在网上做跑马灯文字,在状态栏显示问候语,或者在状态栏添加时间显示,本代码就是实现了状态栏显示当前时间的物资,火狐没测度,IE下效果完美。

运行效果截图如下:

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

在线演示地址如下:

具体代码如下:

<!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程序设计有所帮助。

Javascript 相关文章推荐
jQuery UI-Draggable 参数集合
Jan 10 Javascript
简略的前端架构心得&amp;&amp;基于editor为例子的编码小技巧
Nov 25 Javascript
JavaScript基础语法让人疑惑的地方小结
May 23 Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
Sep 05 Javascript
jQuery中parent()方法用法实例
Jan 07 Javascript
使用JavaScript实现弹出层效果的简单实例
May 31 Javascript
微信小程序(应用号)开发新闻客户端实例
Oct 24 Javascript
ReactNative短信验证码倒计时控件的实现代码
Jul 20 Javascript
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
详解Ant Design of React的安装和使用方法
Dec 27 Javascript
读懂CommonJS的模块加载
Apr 19 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
May 11 Javascript
JavaScript模块规范之AMD规范和CMD规范
Oct 27 #Javascript
JS实现浏览器状态栏文字从右向左弹出效果代码
Oct 27 #Javascript
jQuery无刷新分页完整实例代码
Oct 27 #Javascript
js数组如何添加json数据及js数组与json的区别
Oct 27 #Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
Oct 26 #Javascript
JavaScript编程中window的location与history对象详解
Oct 26 #Javascript
jquery移动端TAB触屏切换实现效果
Dec 22 #Javascript
You might like
详细介绍:Apache+PHP+MySQL配置攻略
2006/09/05 PHP
php session 预定义数组
2009/03/16 PHP
WordPress中用于获取文章作者与分类信息的方法整理
2015/12/17 PHP
详解PHP实现定时任务的五种方法
2016/07/25 PHP
thinkphp中AJAX返回ajaxReturn()方法分析
2016/12/06 PHP
9个javascript语法高亮插件 推荐
2009/07/18 Javascript
js 覆盖和重载 函数
2009/09/25 Javascript
js使用正则实现ReplaceAll全部替换的方法
2014/08/22 Javascript
自己封装的常用javascript函数分享
2015/01/07 Javascript
jquery实现的简单二级菜单效果代码
2015/09/22 Javascript
JS实现关闭当前页而不弹出提示框的方法
2016/06/22 Javascript
AngularJS基础 ng-include 指令简单示例
2016/08/01 Javascript
使用Node.js给图片加水印的方法
2016/11/15 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
2017/09/19 Javascript
JS实现图片居中悬浮效果
2017/12/25 Javascript
nodejs的路径问题的解决
2018/06/30 NodeJs
解决angularjs WdatePicker ng-model的问题
2018/09/13 Javascript
Vue插件之滑动验证码
2019/09/21 Javascript
[02:16]卖萌的僵尸 DOTA2神话信使飞僵小宝来袭
2014/03/24 DOTA
[32:39]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第一场 11.04
2020/11/04 DOTA
Python实例之wxpython中Frame使用方法
2014/06/09 Python
Python中的hypot()方法使用简介
2015/05/18 Python
Python查询阿里巴巴关键字排名的方法
2015/07/08 Python
用python与文件进行交互的方法
2018/03/01 Python
pycharm new project变成灰色的解决方法
2019/06/27 Python
基于Pycharm加载多个项目过程图解
2020/01/19 Python
python3通过udp实现组播数据的发送和接收操作
2020/05/05 Python
linux面试题参考答案(11)
2012/05/01 面试题
Java文件和目录(IO)操作
2014/08/26 面试题
计算机网络专业个人的自我评价
2013/10/17 职场文书
自我鉴定怎么写
2013/12/05 职场文书
八一建军节部队活动方案
2014/02/04 职场文书
运动会口号8字
2014/06/07 职场文书
发展党员工作情况汇报
2014/10/28 职场文书
入党宣誓大会后的感想
2015/08/10 职场文书
只用Python就可以制作的简单词云
2021/06/07 Python