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对象与打印对象分析比较
Apr 23 Javascript
探讨jQuery的ajax使用场景(c#)
Dec 03 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
Feb 24 Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
Oct 11 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
Jun 17 Javascript
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
Oct 24 Javascript
详解Vue.js 2.0 如何使用axios
Apr 21 Javascript
JS之if语句对接事件动作逻辑(详解)
Jun 28 Javascript
angularjs获取到My97DatePicker选中的值方法
Oct 02 Javascript
对layui中table组件工具栏的使用详解
Sep 19 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
Jun 28 Javascript
JS如何判断对象是否包含某个属性
Aug 29 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 移除数组重复元素的一点说明
2008/11/27 PHP
生成ubuntu自动切换壁纸xml文件的php代码
2010/07/17 PHP
php实现从上传文件创建缩略图的方法
2015/04/02 PHP
PHP中COOKIES使用示例
2015/07/26 PHP
Javascript中eval函数的使用方法与示例
2007/04/09 Javascript
JavaScript与C# Windows应用程序交互方法
2007/06/29 Javascript
比较新旧两个数组值得增加和删除的JS代码
2013/10/30 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
2014/06/16 Javascript
Node.js事件驱动
2015/06/18 Javascript
js实现防止被iframe的方法
2015/07/03 Javascript
javascript使用输出语句实现网页特效代码
2015/08/06 Javascript
AngularJS向后端ASP.NET API控制器上传文件
2016/02/03 Javascript
Web前端开发工具——bower依赖包管理工具
2016/03/29 Javascript
浅析Javascript中bind()方法的使用与实现
2016/05/30 Javascript
vue+ElementUI实现订单页动态添加产品数据效果实例代码
2017/07/13 Javascript
Angular实现的简单查询天气预报功能示例
2017/12/27 Javascript
微信小程序实现预览图片功能
2020/10/22 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
2020/01/18 Javascript
利用js实现简易红绿灯
2020/10/15 Javascript
用python实现面向对像的ASP程序实例
2014/11/10 Python
Django中处理出错页面的方法
2015/07/15 Python
python笔记:mysql、redis操作方法
2017/06/28 Python
python3.6、opencv安装环境搭建过程(图文教程)
2019/11/05 Python
python3列表删除大量重复元素remove()方法的问题详解
2021/01/04 Python
香港优质食材和美酒专门店:FoodWise
2017/09/01 全球购物
美国基督教约会网站:ChristianCafe.com
2020/02/04 全球购物
设置器与访问器的定义以及各自特点
2016/01/08 面试题
Unix控制后台进程都有哪些进程
2016/09/22 面试题
学生宿舍管理制度
2014/01/30 职场文书
平安建设实施方案
2014/03/19 职场文书
四议两公开实施方案
2014/03/28 职场文书
国旗下演讲稿
2014/05/08 职场文书
单位实习介绍信
2015/05/05 职场文书
《别在吃苦的年纪选择安逸》读后感3篇
2019/11/30 职场文书
MySQL中utf8mb4排序规则示例
2021/08/02 MySQL
MySQL索引 高效获取数据的数据结构
2022/05/02 MySQL