JavaScript在浏览器标题栏上显示当前日期和时间的方法


Posted in Javascript onMarch 19, 2015

本文实例讲述了JavaScript在浏览器标题栏上显示当前日期和时间的方法,分享给大家供大家参考。具体如下:

将这段脚本放到head区即可:

<script language="JavaScript">
<!--
function resetIt() {
// Calculate Time
var timerID = null;
var timerRunning = false;
if(timerRunning)
  clearTimeout(timerID);
  timerRunning = false;
// getTime
var timeNow = new Date();
var hours = timeNow.getHours();
var minutes = timeNow.getMinutes();
var seconds = timeNow.getSeconds();
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue = ((timeValue <10)? "0":"") + timeValue
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " PM" : " AM"
timerID = setTimeout("resetIt()",100);
timerRunning = true;
// getDate
var dateNow = new Date();
var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
var months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
var date = ((dateNow.getDate()<10) ? "0" : "")+ dateNow.getDate();
function y2k(number){return (number < 1000) ? number + 1900 : number;}
// compileIt
today = timeValue + " " + days[dateNow.getDay()] + " " +
        months[dateNow.getMonth()] + ", " +
        date + " " +
        (y2k(dateNow.getYear()));
  if(document.all || document.getElementById){ // Browser Check
   document.title = today.toString();
  }else{
   self.status = today.toString(); // Default to status.
  }
}
resetIt();
//-->
</script>

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

Javascript 相关文章推荐
javascript AutoScroller 函数类
May 29 Javascript
jQuery中:eq()选择器用法实例
Dec 29 Javascript
封装好的一个万能检测表单的方法
Jan 21 Javascript
JavaScript forEach()遍历函数使用及介绍
Jul 08 Javascript
jqueryMobile 动态添加元素,展示刷新视图的实现方法
May 28 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
Jul 20 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
Sep 25 Javascript
js实现手机web图片左右滑动效果
Dec 29 Javascript
vue 弹框产生的滚动穿透问题的解决
Sep 21 Javascript
React 组件渲染和更新的实现代码示例
Feb 21 Javascript
JavaScript隐式类型转换代码实例
May 29 Javascript
Vue页面跳转传递参数及接收方式
Sep 09 Javascript
JavaScript实现在标题栏上显示当前日期的方法
Mar 19 #Javascript
JavaScript显示当前文档最后修改日期的方法
Mar 19 #Javascript
JavaScript将一个数组插入到另一个数组的方法
Mar 19 #Javascript
JS中prototype的用法实例分析
Mar 19 #Javascript
JS获取Table中td值的方法
Mar 19 #Javascript
JavaScript使用yield模拟多线程的方法
Mar 19 #Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
Mar 19 #Javascript
You might like
php中如何判断一个网页请求是ajax请求还是普通请求
2013/08/10 PHP
浅谈PHP调用Webservice思路及源码分享
2014/06/04 PHP
PHP 接入支付宝即时到账功能
2016/09/18 PHP
浅谈PHP中的面向对象OOP中的魔术方法
2017/06/12 PHP
PHP5中使用mysqli的prepare操作数据库的介绍
2019/03/18 PHP
jQuery中的常用事件总结
2009/12/27 Javascript
Html中JS脚本执行顺序简单举例说明
2010/06/19 Javascript
Jquery 表格合并的问题分享
2011/09/17 Javascript
JS图片自动轮换效果实现思路附截图
2014/04/30 Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
2015/07/26 Javascript
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
2016/07/07 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
2016/08/17 Javascript
node.js实现博客小爬虫的实例代码
2016/10/08 Javascript
js实现加载更多功能实例
2016/10/27 Javascript
解决koa2 ctx.render is not a function报错问题
2018/08/07 Javascript
微信小程序单选radio及多选checkbox按钮用法示例
2019/04/30 Javascript
[51:36]EG vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
使用Python脚本将绝对url替换为相对url的教程
2015/04/24 Python
Python抓取手机号归属地信息示例代码
2016/11/28 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
python调用支付宝支付接口流程
2019/08/15 Python
Django后台管理系统的图文使用教学
2020/01/20 Python
django 前端页面如何实现显示前N条数据
2020/03/16 Python
Python Celery异步任务队列使用方法解析
2020/08/10 Python
HTML 5 input placeholder 属性如何完美兼任ie
2014/05/12 HTML / CSS
精选鞋类、服装和配饰的全球领先目的地:Bodega
2021/02/27 全球购物
String是最基本的数据类型吗?
2013/06/13 面试题
C#笔试题集合
2013/06/21 面试题
short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
2014/09/26 面试题
行政总监岗位职责
2013/12/05 职场文书
文明餐桌活动方案
2014/02/11 职场文书
公安派出所所长四风问题个人对照检查材料
2014/10/04 职场文书
2014年招生工作总结
2014/11/26 职场文书
社会实践活动总结
2015/02/05 职场文书
2015年宣传工作总结
2015/04/08 职场文书
标会主持词应该怎么写?
2019/08/15 职场文书