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 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
Mar 10 Javascript
jquery获取iframe中的dom对象(两种方法)
Jul 02 Javascript
jquery中邮箱地址 URL网站地址正则验证实例代码
Sep 15 Javascript
jQuery的cookie插件实现保存用户登陆信息
Apr 15 Javascript
js鼠标滑过图片震动特效的方法
Feb 17 Javascript
基于jQuery 实现bootstrapValidator下的全局验证
Dec 07 Javascript
javascript实现延时显示提示框特效代码
Apr 27 Javascript
javascript 实现动态侧边栏实例详解
Nov 11 Javascript
详解ES6中的 Set Map 数据结构学习总结
Nov 06 Javascript
json解析大全 双引号、键值对不在一起的情况
Dec 06 Javascript
JS eval代码快速解密实例解析
Apr 23 Javascript
vue-simple-uploader上传成功之后的response获取代码
Sep 07 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
风味层面去分析咖啡油脂
2021/03/03 咖啡文化
怎样在UNIX系统下安装MySQL
2006/10/09 PHP
php 生成短网址原理及代码
2014/01/23 PHP
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
2013/06/28 Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
2016/02/25 Javascript
jQuery实现摸拟alert提示框
2016/05/22 Javascript
JS实现旋转木马式图片轮播效果
2017/01/18 Javascript
10 种最常见的 Javascript 错误(频率最高)
2018/02/08 Javascript
vue脚手架搭建项目的兼容性配置详解
2018/07/17 Javascript
vue2.0 下拉框默认标题设置方法
2018/08/22 Javascript
用webpack4开发小程序的实现方法
2019/06/04 Javascript
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
2019/08/20 Javascript
angular8和ngrx8结合使用的步骤介绍
2019/12/01 Javascript
vue 对axios get pust put delete封装的实例代码
2020/01/05 Javascript
Vue中fragment.js使用方法小结
2020/02/17 Javascript
JavaScript this关键字指向常用情况解析
2020/09/02 Javascript
vue router-link 默认a标签去除下划线的实现
2020/11/06 Javascript
Python中的面向对象编程详解(上)
2015/04/13 Python
Python中List.index()方法的使用教程
2015/05/20 Python
Python实现基本线性数据结构
2016/08/22 Python
Python轻量级ORM框架Peewee访问sqlite数据库的方法详解
2017/07/20 Python
浅谈解除装饰器作用(python3新增)
2018/10/15 Python
举例讲解Python常用模块
2019/03/08 Python
Python使用grequests(gevent+requests)并发发送请求过程解析
2019/09/25 Python
pytorch方法测试——激活函数(ReLU)详解
2020/01/15 Python
Python标准库shutil模块使用方法解析
2020/03/10 Python
python 如何利用argparse解析命令行参数
2020/09/11 Python
英国花园家具中心:Garden Furniture Centre
2017/08/24 全球购物
土耳其时尚购物网站:Morhipo
2017/09/04 全球购物
会计电算化专业应届大学生求职信
2013/10/22 职场文书
学期评语大全
2014/04/30 职场文书
预备党员群众路线教育实践活动思想汇报2014
2014/10/25 职场文书
2015庆祝七一建党节94周年活动总结
2015/03/20 职场文书
公司处罚决定书
2015/06/24 职场文书
Python list列表删除元素的4种方法
2021/11/01 Python
MySQL数据库⾼可⽤HA实现小结
2022/01/22 MySQL