JS实现浏览器状态栏显示时间的方法
本文实例讲述了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) ? 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程序设计有所帮助。
相关推荐
-
JS实现来回出现文字的状态栏特效代码
本文实例讲述了JS实现来回出现文字的状态栏特效代码.分享给大家供大家参考,具体如下: 运行这款来回出现文字的状态栏特效时,请注意页面左下角的状态栏.貌似IE8以上版本看不到效果唉.那么究竟是如何实现的呢?主要是用函数来显示消息,根据place的值取当前需显示的字符串,准备在300毫秒后收起显示,将需取的字符串长度计数器加一准备下一次显示:同时使用函数隐藏消息,取Message右边的一定长度的字符串,设定消隐下一个字符的延时. 运行效果截图如下: 在线演示地址如下: http://demo.jb5
-
改变状态栏文字的js代码
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
-
JS实现IE状态栏文字缩放效果代码
本文实例讲述了JS实现IE状态栏文字缩放效果代码.分享给大家供大家参考,具体如下: 这里演示状态栏文字缩放变化效果,同样基于JavaScript技术,虽然很不起眼的小特效,不过对学习JS来说,还是很有用的.本效果直接运行可能看不到效果,你可以复制代码保存成一个HTML文件,双击后运行可看到效果. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-ie-ztl-txt-style-demo/ 具体代码如下: <HTML> <HEAD&g
-
利用js实现在浏览器状态栏显示访问者在本页停留的时间
问题描述:在状态栏上显示 ,访问者在本页停留的 时间 (如:您在本页停留了 (如:您在本页停留了 X小时 X分 X秒) 该问题相当于是设计一个计时器,用于显示浏览者在该页面停留了多长时间.要解决该问题,我想到的主要有两种方法. 方法一:利用系统时间.即先设置一个变量,用于获取登录开始时间startTime,然后利用setTimeout()函数让页面不停的刷新,在刷新的同时,获取当前时间nowTime,然后用当前时间减去登录开始时间,即为停留时间.在此就不做详细编写.重点说下下面使用到的方法二来进
-
JS实现状态栏跑马灯文字效果代码
本文实例讲述了JS实现状态栏跑马灯文字效果代码.分享给大家供大家参考,具体如下: 这款状态栏跑马灯,文字跑动的定义在数组内,自己可修改内容.现在的IE8貌似不兼容,有缺憾的代码,欢迎JS爱好者修正,修正请发回一份.状态栏为效果显示区. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-ztlpmd-txt-style-codes/ 具体代码如下: <HTML> <HEAD> <TITLE>间隔状态栏跑马灯</T
-
JS实现浏览器状态栏文字闪烁效果的方法
本文实例讲述了JS实现浏览器状态栏文字闪烁效果的方法.分享给大家供大家参考,具体如下: 这里演示为你的IE浏览器状态栏增加文字闪烁效果,请看下面的状态栏中的文字一直不停的闪烁,火狐下可能效果不正常,本代码只针对IE浏览器. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-status-bar-txt-blink-codes/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Tra
-
JS实现在状态栏显示打字效果完整实例
本文实例讲述了JS实现在状态栏显示打字效果.分享给大家供大家参考,具体如下: 这里演示JS实现带有打字特效的状态栏,在状态栏显示打字效果的文字,注意,此效果存在浏览器兼容性问题,在IE7或更高的浏览器下貌似不显示效果. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-status-bar-show-txt-print-demo/ 具体代码如下: <html> <head> <script language="J
-
JS实现浏览器状态栏文字从右向左弹出效果代码
本文实例讲述了JS实现浏览器状态栏文字从右向左弹出效果.分享给大家供大家参考,具体如下: 这里状态栏文字弹出代码,从右向左弹出,通过修改Script中的这些代码片段可改变效果: var POSITION = 100 var DELAY = 4 var MESSAGE = "这里是你想要的文字!" 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-status-bar-txt-scroll-codes/ 具体代码如下: <!DO
-
JS实现浏览器状态栏显示时间的方法
本文实例讲述了JS实现浏览器状态栏显示时间的方法.分享给大家供大家参考,具体如下: 以前做个人主页的时候,总喜欢把自己的网页搞的很个性,在网上做跑马灯文字,在状态栏显示问候语,或者在状态栏添加时间显示,本代码就是实现了状态栏显示当前时间的物资,火狐没测度,IE下效果完美. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-status-bar-show-time-demo/ 具体代码如下: <!DOCTYPE HTML PUBLIC "
-
js实现在网页上简单显示时间的方法
本文实例讲述了js实现在网页上简单显示时间的方法.分享给大家供大家参考.具体如下: 这是一款网页时钟JS代码,纯javascript实现,显示时.分.秒.网页时间显示.网页时钟有很多,这个真的挺简易的,美工好的朋友可在此基础上进一步美化完善 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr
-
JS实现alert中显示换行的方法
本文实例讲述了JS实现alert中显示换行的方法.分享给大家供大家参考,具体如下: 先来介绍一种比较复杂的方法,但这种方法使用起来对所有型号的浏览器都能任意分辨: //浏览器类型判定 function getOs() { if(navigator.userAgent.indexOf("MSIE")>0) { return "IE"; //InternetExplor } else if(isFirefox=navigator.userAgent.indexOf
-
js实现格式化金额,字符,时间的方法
本文实例讲述了js实现格式化金额,字符,时间的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: //金额转换成大写 function toDaX(num){ //金额大小写转换 if (isNaN(num) || num > Math.pow(10, 12)) return ""; var cn = "零壹贰叁肆伍陆柒捌玖";
-
js获得当前系统日期时间的方法
本文实例讲述了js获得当前系统日期时间的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <
-
Qt5 实现主窗口状态栏显示时间
使用Qt Creator创建默认的窗体程序后,主窗口QMainWindow有statusBar状态栏,在此状态栏实时显示时间可以使用下面方法实现: mainwindow.h文件内容: #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include <mydialog.h> #include <QLabel> namespace Ui { class MainWindow; } class
-
java采用中文方式显示时间的方法
本文实例讲述了java采用中文方式显示时间的方法.分享给大家供大家参考.具体如下: 其中t为秒,比如有时候需要计算两个任务相差多久,或者该任务何时结束或者某个任务间隔多久重新启动等适用于本方法.如果是微秒,自己先/1000 private static String chinese_period(int t){ int y, n, d, h, m, s; String time; if(t<=0) return "立即"; s = t % 60; t /= 60; m = t %
-
ASP.NET网站实时显示时间的方法
本文实例讲述了ASP.NET网站实时显示时间的方法.分享给大家供大家参考.具体方法如下: 在ASP.NET环境中开发设计网站或网络应用程序时,往往需要实时显示当前日期和时间.这时,通常使用AJAX控件来实现. 需要注意的是,在.NET Framework 2.0版本中,工具箱中是没有AJAX Extensions控件的.而.NET Framework 3.5版本中集成了AJAX. ASP.NET AJAX包括三部分: ①一个扩展客户端JavaScript功能的客户端库或框架: ②一个允许ASP.
随机推荐
- 零基础易语言入门教程(四)之数据类型
- 详解iOS使用Keychain中的kSecClassGenericPassword存储数据
- javascript奇异的arguments分析
- PHP判断是否为空的几个函数对比
- 分享php代码将360浏览器导出的favdb的sqlite数据库文件转换为html
- Python3基础之条件与循环控制实例解析
- 解决IIS8.5中ASP上传大文件出现 Request 对象 错误 ASP 0104 : 80004005 错误的方法
- MySQL数据库服务器逐渐变慢分析与解决方法分享
- jQuery中需要注意的细节问题小结
- 数据库分页存储过程代码
- JavaScript实现的鼠标响应颜色渐变效果完整实例
- win服务器防止安全策略或防火墙配置错误而导致远程无法连接的bat
- WIN2003系统IIS下PHP5+MySQL5+ZendOptimizer配置图解教程第1/3页
- php使用simplexml_load_file加载XML文件并显示XML的方法
- php实现PDO中捕获SQL语句错误的方法
- PHP获取毫秒级时间戳的方法
- Vuex实现计数器以及列表展示效果
- 75条笑死人的知乎神回复,用60行代码就爬完了
- IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
- layui添加动态菜单与选项卡