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 相关文章推荐
web 页面分页打印的实现
Jun 22 Javascript
js控制容器隐藏出现防止样式变化的两种方法
Apr 25 Javascript
js判断浏览器类型为ie6时不执行
Jun 15 Javascript
javascript实现随机显示星星特效
Jan 28 Javascript
JavaScript模拟push
Mar 06 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
Jul 07 Javascript
jQuery自定义元素右键点击事件(实现案例)
Apr 28 jQuery
react以create-react-app为基础创建项目
Mar 14 Javascript
vue兄弟组件传递数据的实例
Sep 06 Javascript
详解多页应用 Webpack4 配置优化与踩坑记录
Oct 16 Javascript
vantUI 获得piker选中值的自定义ID操作
Nov 04 Javascript
vue-cil之axios的二次封装与proxy反向代理使用说明
Apr 07 Vue.js
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 网页过期时间的控制代码
2009/06/29 PHP
PHP遍历目录函数opendir()、readdir()、closedir()、rewinddir()总结
2014/11/18 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
laravel 出现command not found问题的解决方案
2019/10/23 PHP
phpstorm最新激活码分享亲测phpstorm2020.2.3版可用
2020/11/22 PHP
css图片自适应大小
2007/11/28 Javascript
JavaScript在IE中“意外地调用了方法或属性访问”
2008/11/19 Javascript
javascript中利用数组实现的循环队列代码
2010/01/24 Javascript
在javascript中实现函数数组的方法
2013/12/25 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
2016/09/13 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
2017/01/19 Javascript
微信小程序  http请求封装详解及实例代码
2017/02/15 Javascript
jQuery简单实现遍历单选框的方法
2017/03/06 Javascript
实例详解display:none与visible:hidden的区别
2017/03/30 Javascript
很棒的vue弹窗组件
2017/05/24 Javascript
深入Vue-Router路由嵌套理解
2018/08/13 Javascript
vue中eslintrc.js配置最详细介绍
2018/12/21 Javascript
详解Nodejs get获取远程服务器接口数据
2019/03/26 NodeJs
使用Python中的greenlet包实现并发编程的入门教程
2015/04/16 Python
Python语言描述随机梯度下降法
2018/01/04 Python
Python编写Windows Service服务程序
2018/01/04 Python
python实现读取大文件并逐行写入另外一个文件
2018/04/19 Python
Python实现的个人所得税计算器示例
2018/06/01 Python
python调用接口的4种方式代码实例
2019/11/19 Python
运行tensorflow python程序,限制对GPU和CPU的占用操作
2020/02/06 Python
python判断元素是否存在的实例方法
2020/09/24 Python
python 三种方法实现对Excel表格的读写
2020/11/19 Python
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
专业幼师实习生自我鉴定范文
2013/12/08 职场文书
保护地球的标语
2014/06/17 职场文书
中国梦演讲稿范文
2014/08/28 职场文书
买房子个人收入证明
2014/10/12 职场文书
试用期旷工辞退通知书
2015/04/17 职场文书
Python实现byte转integer
2021/06/03 Python
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript
码云(gitee)通过git自动同步到阿里云服务器
2022/12/24 Servers