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基础之查找元素的详细介绍(访问节点)
Jul 05 Javascript
深入理解jQuery之防止冒泡事件
May 24 Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
Oct 28 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
Apr 20 Javascript
Vue通过input筛选数据
Oct 26 Javascript
浅析Vue自定义组件的v-model
Nov 26 Javascript
使用validate.js实现表单数据提交前的验证方法
Sep 04 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
深入理解JavaScript 中的执行上下文和执行栈
Oct 23 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
Jun 17 Javascript
jquery实现垂直无限轮播的方法分析
Jul 16 jQuery
antd-DatePicker组件获取时间值,及相关设置方式
Oct 27 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 strlen mb_strlen计算中英文混排字符串长度
2009/07/10 PHP
CodeIgniter控制器之业务逻辑实例分析
2016/01/20 PHP
php语言的7种基本的排序方法
2020/12/28 PHP
PHPExcel中文帮助手册|PHPExcel使用方法(分享)
2017/06/09 PHP
JavaScript实用技巧(一)
2010/08/16 Javascript
Javascript中找到子元素在父元素内相对位置的代码
2012/07/21 Javascript
详细介绍8款超实用JavaScript框架
2013/10/25 Javascript
javascript获取url上某个参数的方法
2013/11/08 Javascript
浏览器图片选择预览、旋转、批量上传的JS代码实现
2013/12/04 Javascript
JavaScript学习笔记之JS事件对象
2015/01/22 Javascript
JS实现日期时间动态显示的方法
2015/12/07 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
2016/01/18 Javascript
你一定会收藏的Nodejs代码片段
2016/02/04 NodeJs
AngularJS入门教程之AngularJS模型
2016/04/18 Javascript
jQuery根据name属性进行查找的用法分析
2016/06/23 Javascript
老生常谈JavaScript 正则表达式语法
2016/08/20 Javascript
用图片替换checkbox原始样式并实现同样的功能
2018/11/15 Javascript
微信小程序实现弹幕墙(祝福墙)
2020/11/18 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
2021/03/01 Javascript
[02:04]完美世界城市挑战赛秋季赛报名开始 谁是solo路人王?
2019/10/10 DOTA
Python实现的数据结构与算法之快速排序详解
2015/04/22 Python
python解决汉字编码问题:Unicode Decode Error
2017/01/19 Python
Python pytesseract验证码识别库用法解析
2020/06/29 Python
Python应用自动化部署工具Fabric原理及使用解析
2020/11/30 Python
英国男士时尚网站:Dandy Fellow
2018/02/09 全球购物
如何查找和删除数据库中的重复数据
2014/11/05 面试题
final, finally, finalize的区别
2012/03/01 面试题
打架检讨书100字
2014/01/19 职场文书
护理学应聘自荐书范文
2014/02/05 职场文书
会计岗位职责范本
2014/03/07 职场文书
令人印象深刻的自荐信
2014/05/25 职场文书
商场促销活动策划方案
2014/08/18 职场文书
2014年文明创建工作总结
2014/11/25 职场文书
2015年质量月活动总结报告
2015/03/27 职场文书
2015双创工作总结
2015/07/24 职场文书
2016开学第一课心得体会
2016/01/23 职场文书