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 相关文章推荐
js或css文件后面跟参数的原因说明
Jan 09 Javascript
jQuery选择没有colspan属性的td的代码
Jul 06 Javascript
jQuery Dialog 弹出层对话框插件
Aug 09 Javascript
ExtJs GridPanel简单的增删改实现代码
Aug 26 Javascript
JavaScript mapreduce工作原理简析
Nov 25 Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
Sep 16 Javascript
jquery与prototype框架的详细对比
Nov 21 Javascript
JavaScript里四舍五入函数round用法实例
Apr 06 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
Jun 12 Javascript
JavaScript获取URL中参数querystring的方法详解
Oct 11 Javascript
JS实现图片旋转动画效果封装与使用示例
Jul 09 Javascript
vue组件通信传值操作示例
Jan 08 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
AMFPHP php远程调用(RPC, Remote Procedure Call)工具 快速入门教程
2010/05/10 PHP
PHP5中新增stdClass 内部保留类
2011/06/13 PHP
php Hex RGB颜色值互换的使用
2013/05/10 PHP
PHP Session 变量的使用方法详解与实例代码
2013/09/11 PHP
php生成N个不重复的随机数实例
2013/11/12 PHP
封装ThinkPHP的一个文件上传方法实例
2014/10/31 PHP
php文件扩展名判断及获取文件扩展名的N种方法
2015/09/12 PHP
PHP count()函数讲解
2019/02/03 PHP
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
扩展jQuery 键盘事件的几个基本方法
2009/10/30 Javascript
asm.js使用示例代码
2013/11/28 Javascript
2014年最火的Node.JS后端框架推荐
2014/10/27 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
Angular动态添加、删除输入框并计算值实例代码
2017/03/29 Javascript
解决vue2.x中数据渲染以及vuex缓存的问题
2017/07/13 Javascript
原生JS实现的简单轮播图功能【适合新手】
2018/08/17 Javascript
Vue之mixin全局的用法详解
2018/08/22 Javascript
判断js数据类型的函数实例详解
2019/05/23 Javascript
使用VScode 插件debugger for chrome 调试react源码的方法
2019/09/13 Javascript
微信小程序实现电子签名并导出图片
2020/05/27 Javascript
微信小程序学习总结(五)常见问题实例小结
2020/06/04 Javascript
Python中实现对Timestamp和Datetime及UTC时间之间的转换
2015/04/08 Python
Python检测一个对象是否为字符串类的方法
2015/05/21 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
python调用摄像头显示图像的实例
2018/08/03 Python
将python安装信息加入注册表的示例
2019/11/20 Python
python GUI库图形界面开发之PyQt5表格控件QTableView详细使用方法与实例
2020/03/01 Python
css3遮罩层镂空效果的多种实现方法
2020/05/11 HTML / CSS
美国购买汽车零件网站:Buy Auto Parts
2018/04/02 全球购物
美国瑜伽服装和装备购物网站:Mukha Yoga
2019/02/22 全球购物
医学生自我鉴定范文
2013/11/08 职场文书
青年教师听课心得体会
2016/01/15 职场文书
导游词之包公祠
2019/11/25 职场文书
pandas DataFrame.shift()函数的具体使用
2021/05/24 Python
Java 超详细讲解数据结构中的堆的应用
2022/04/02 Java/Android
VW、VH适配移动端的解决方案与常见问题
2023/05/21 HTML / CSS