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实现让网页背景图片斜向移动的方法
Feb 25 Javascript
jQuery插件Tmpl的简单使用方法
Apr 27 Javascript
javascript中clipboardData对象用法详解
May 13 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
May 10 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
Jun 20 Javascript
微信小程序实现简单input正则表达式验证功能示例
Nov 30 Javascript
vue中使用element-ui进行表单验证的实例代码
Jun 22 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
Sep 30 Javascript
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
Jul 09 Javascript
Vue性能优化的方法
Jul 30 Javascript
JavaScript this关键字指向常用情况解析
Sep 02 Javascript
uniapp开发打包多端应用完整方法指南
Dec 24 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 使用expat方式解析xml文件操作示例
2019/11/26 PHP
User Scripts: Video Download by User Scripts
2007/05/14 Javascript
JavaScript XML和string相互转化实现代码
2011/07/04 Javascript
jQuery查询数据返回object和字符串影响原因是什么
2013/08/09 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
2014/05/10 Javascript
JavaScript获取图片真实大小代码实例
2014/09/24 Javascript
js实现右下角提示框的方法
2015/02/03 Javascript
JS实现的4种数字千位符格式化方法分享
2015/03/02 Javascript
原生js实现tab选项卡切换
2020/03/23 Javascript
AngularJS通过$http和服务器通信详解
2016/09/21 Javascript
js实现获取鼠标当前的位置
2016/12/14 Javascript
jQuery EasyUI之验证框validatebox实例详解
2017/04/10 jQuery
微信小程序 新建登录页并实现tabBar隐藏
2017/06/13 Javascript
详解小程序input框失焦事件在提交事件前的处理
2019/05/05 Javascript
vue发送websocket请求和http post请求的实例代码
2019/07/11 Javascript
vue组件暴露和.js文件暴露接口操作
2020/08/11 Javascript
[02:28]PWL开团时刻DAY3——Ink Ice与DeMonsTer之间的勾心斗角
2020/11/03 DOTA
进一步了解Python中的XML 工具
2015/04/13 Python
Python过滤列表用法实例分析
2016/04/29 Python
基于Python的接口测试框架实例
2016/11/04 Python
Python外星人入侵游戏编程完整版
2020/03/30 Python
在Django中实现添加user到group并查看
2019/11/18 Python
python 中值滤波,椒盐去噪,图片增强实例
2019/12/18 Python
Python之Django自动实现html代码(下拉框,数据选择)
2020/03/13 Python
解决python使用list()时总是报错的问题
2020/05/05 Python
最新PyCharm从安装到PyCharm永久激活再到PyCharm官方中文汉化详细教程
2020/11/17 Python
详解HTML5中的Communication API基本使用方法
2016/01/29 HTML / CSS
德国奢侈品网上商城:Mytheresa
2016/08/24 全球购物
英国曼彻斯特宠物用品品牌:Bunty Pet Products
2019/07/27 全球购物
英国最大的汽车配件在线商店:Euro Car Parts
2019/09/30 全球购物
行政主管岗位职责
2013/11/18 职场文书
教师群众路线学习心得体会
2014/11/04 职场文书
大学生旷课检讨书1000字
2015/02/19 职场文书
党员承诺书格式范文
2015/04/28 职场文书
企业计划生育责任书
2015/05/09 职场文书
Mongodb 迁移数据块的流程介绍分析
2022/04/18 MongoDB