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 相关文章推荐
prototype 的说明 js类
Sep 07 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
Jul 02 Javascript
js中switch case循环实例代码
Dec 30 Javascript
不要使用jQuery触发原生事件的方法
Mar 03 Javascript
jQuery实现两款有动画功能的导航菜单代码
Sep 16 Javascript
全面解析Bootstrap弹窗的实现方法
Dec 01 Javascript
一波JavaScript日期判断脚本分享
Mar 06 Javascript
AngularJS实现的select二级联动下拉菜单功能示例
Oct 25 Javascript
js canvas实现5张图片合成一张图片
Jul 15 Javascript
Vue data的数据响应式到底是如何实现的
Feb 11 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
Mar 07 Javascript
vue+Element-ui前端实现分页效果
Nov 15 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
对text数据类型不支持代码页转换 从: 1252 到: 936
2011/04/23 PHP
使用ThinkPHP自带的Http类下载远程图片到本地的实现代码
2011/08/02 PHP
php实现的RSS生成类实例
2015/04/23 PHP
PHP验证类的封装与使用方法详解
2019/01/10 PHP
脚本吧 - 幻宇工作室用到js,超强推荐base.js
2006/12/23 Javascript
查看源码的工具 学习jQuery源码不错的工具
2011/12/26 Javascript
玩转方法:call和apply
2014/05/08 Javascript
详解JS函数重载
2014/12/04 Javascript
JavaScript判断数组是否包含指定元素的方法
2015/07/01 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
js阻止冒泡和默认事件(默认行为)详解
2016/10/20 Javascript
jQuery点击导航栏选中更换样式的实现代码
2017/01/23 Javascript
详解如何实现一个简单的Node.js脚手架
2017/12/04 Javascript
解决vue打包之后静态资源图片失效的问题
2018/02/21 Javascript
vue中使用codemirror的实例详解
2018/11/01 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
2019/05/02 Javascript
layui table 表格上添加日期控件的两种方法
2019/09/28 Javascript
[43:24]VG vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python 返回汉字的汉语拼音
2009/02/27 Python
Python中operator模块的操作符使用示例总结
2016/06/28 Python
python画折线图的程序
2018/07/26 Python
人工神经网络算法知识点总结
2019/06/11 Python
python flask几分钟实现web服务的例子
2019/07/26 Python
Python Subprocess模块原理及实例
2019/08/26 Python
python3 实现调用串口功能
2019/12/26 Python
python opencv 实现读取、显示、写入图像的方法
2020/06/08 Python
Python用来做Web开发的优势有哪些
2020/08/05 Python
伊芙丽官方旗舰店:中国淑女一线品牌
2017/12/01 全球购物
佳能加拿大网上商店:Canon eStore Canada
2018/04/04 全球购物
eBay奥地利站:eBay.at
2019/07/24 全球购物
开会迟到检讨书
2014/01/08 职场文书
2014年度培训工作总结
2014/11/27 职场文书
学生保证书格式
2015/02/27 职场文书
导游词之珠海轮廓
2019/10/25 职场文书
Python爬虫进阶之Beautiful Soup库详解
2021/04/29 Python
postgresql使用filter进行多维度聚合的解决方法
2021/07/16 PostgreSQL