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 相关文章推荐
JavaScript获取onclick、onchange等事件值的代码
Jul 22 Javascript
JQuery处理json与ajax返回JSON实例代码
Jan 03 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
Oct 17 Javascript
总结十个Angular.js由浅入深的面试问题
Aug 26 Javascript
jQuery插件ajaxFileUpload异步上传文件
Oct 19 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
Feb 10 Javascript
JavaScript常见JSON操作实例分析
Aug 08 Javascript
Vue中mintui的field实现blur和focus事件的方法
Aug 25 Javascript
JS实现的小火箭发射动画效果示例
Dec 08 Javascript
微信小程序中button去除默认的边框实例代码
Aug 01 Javascript
Node.js中文件系统fs模块的使用及常用接口
Mar 06 Javascript
JS算法教程之字符串去重与字符串反转
Dec 15 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
虚拟主机中对PHP的特殊设置
2006/10/09 PHP
用PHP 快速生成 Flash 动画的方法
2007/03/06 PHP
php输出xml属性的方法
2015/03/19 PHP
PHP实现的迷你漂流瓶
2015/07/29 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
javascript window.opener的用法分析
2010/04/07 Javascript
jQuery 选择器、DOM操作、事件、动画
2010/11/25 Javascript
JavaScript实现的链表数据结构实例
2015/04/02 Javascript
jQuery过滤HTML标签并高亮显示关键字的方法
2015/08/07 Javascript
基于Vue-cli快速搭建项目的完整步骤
2018/11/03 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
2018/12/24 Javascript
Three.js中矩阵和向量的使用教程
2019/03/19 Javascript
详解Vue组件之间通信的七种方式
2019/04/14 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
Vue的生命周期操作示例
2019/09/17 Javascript
[05:08]DOTA2-DPC中国联赛3月6日Recap集锦
2021/03/11 DOTA
详解Python中的相对导入和绝对导入
2017/01/06 Python
Python之web模板应用
2017/12/26 Python
快速了解Python相对导入
2018/01/12 Python
python3+PyQt5重新实现自定义数据拖放处理
2018/04/19 Python
Django网络框架之HelloDjango项目创建教程
2019/06/06 Python
HTML5上传文件显示进度的实现代码
2012/08/30 HTML / CSS
世界上最大的糖果店:Dylan’s Candy Bar
2017/11/07 全球购物
PUMA澳大利亚官方网站:德国运动品牌
2018/10/19 全球购物
美国购买体育、音乐会和剧院门票网站:SelectATicket
2019/09/08 全球购物
审核会计岗位职责
2013/11/08 职场文书
老公给老婆的道歉信
2014/01/10 职场文书
淘宝活动总结范文
2014/06/26 职场文书
营销学习心得体会
2014/09/12 职场文书
求职自我评价范文
2015/03/09 职场文书
小学生光盘行动倡议书
2015/04/28 职场文书
2016领导干部廉洁从政心得体会
2016/01/19 职场文书
《莫泊桑拜师》教学反思
2016/02/22 职场文书
Python中itertools库的四个函数介绍
2022/04/06 Python
Spring Boot 实现 WebSocket
2022/04/30 Java/Android