JS实现网页标题栏显示当前时间和日期的完整代码


Posted in Javascript onNovember 02, 2015

本文实例讲述了JS实现网页标题栏显示当前时间和日期的完整代码。分享给大家供大家参考,具体如下:

本效果实现在网页的标题栏最前端显示当前的时间和日期,还可以显示星期几,JS代码,不过代码在兼容性方面好像有些问题,如果是IE的话则正常显示,其它浏览器则看不到效果。

运行效果截图如下:

JS实现网页标题栏显示当前时间和日期的完整代码

在线演示地址如下:

具体代码如下:

<html>
<head>
<title>网页标题栏显示当前时间和日期的代码</title>
<script language="JavaScript1.2">
<!--hide
//定义月份的描述
var isnMonth = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
//定义星期的描述
var isnDay = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");
//取得当前日期
today = new Date () ;
Year=today.getYear(); //取得日期的年份部分
Date=today.getDate(); //取得星期部分
//定义需要显示的字符串
titlestr="今天是: "+Year+"年"+isnMonth[today.getMonth()]+Date+"日"+isnDay[today.getDay()]
if (document.all) //检测浏览器兼容性,如果是IE则可以显示
document.title=titlestr //改变标题,显示日期。
//--hide-->
</script>
</head>
<body>
<b>请注意上面标题栏的时间</b>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js 实现无缝滚动 兼容IE和FF
Jul 15 Javascript
js图片延迟加载的实现方法及思路
Jul 22 Javascript
动态加载JS文件的三种方法
Nov 08 Javascript
JavaScript Sort 的一个错误用法示例
Mar 20 Javascript
图解prototype、proto和constructor的三角关系
Jul 31 Javascript
js 将图片连接转换成base64格式的简单实例
Aug 10 Javascript
js图片轮播手动切换特效
Jan 12 Javascript
javascript 取小数点后几位几种方法总结
Aug 02 Javascript
bmob js-sdk 在vue中的使用教程
Jan 21 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
Feb 01 Javascript
Vue Autocomplete 自动完成功能简单示例
May 25 Javascript
vue 实现图片懒加载功能
Dec 31 Vue.js
JS实现在状态栏显示打字效果完整实例
Nov 02 #Javascript
12个超实用的JQuery代码片段
Nov 02 #Javascript
JavaScript Length 属性的总结
Nov 02 #Javascript
基于Jquery实现万圣节快乐特效
Nov 01 #Javascript
JavaScript调用传递变量参数的相关问题及解决办法
Nov 01 #Javascript
javascript跨域总结之window.name实现的跨域数据传输
Nov 01 #Javascript
《JavaScript高级编程》学习笔记之object和array引用类型
Nov 01 #Javascript
You might like
解决Laravel5.5下的toArray问题
2019/10/15 PHP
yii2.0框架多模型操作示例【添加/修改/删除】
2020/04/13 PHP
JS代码同步文本框内容的实例方法
2013/07/12 Javascript
js带按钮的提示框可供选择示例代码
2013/09/17 Javascript
js获取UserControl内容为拼html时提供方便
2014/11/02 Javascript
node.js中的fs.readdirSync方法使用说明
2014/12/17 Javascript
JavaScript生成SQL查询表单的方法
2015/08/13 Javascript
跨域资源共享 CORS 详解
2016/04/26 Javascript
Nodejs中 npm常用命令详解
2016/07/04 NodeJs
最常见的左侧分类菜单栏jQuery实现代码
2016/11/28 Javascript
BootStrapValidator校验方式
2016/12/19 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
angularjs实现猜大小功能
2017/10/23 Javascript
vue中使用heatmapjs的示例代码(结合百度地图)
2018/09/05 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
2019/04/17 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
2019/04/29 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
2019/11/14 Javascript
python如何实现从视频中提取每秒图片
2020/10/22 Python
Python操作远程服务器 paramiko模块详细介绍
2019/08/07 Python
pycharm修改file type方式
2019/11/19 Python
python 的topk算法实例
2020/04/02 Python
使用Python将图片转正方形的两种方法实例代码详解
2020/04/29 Python
Python-jenkins模块之folder相关操作介绍
2020/05/12 Python
python给视频添加背景音乐并改变音量的具体方法
2020/07/19 Python
css3.0 图形构成实例练习一
2013/03/19 HTML / CSS
ZWILLING双立人英国网上商店:德国刀具锅具厨具品牌
2018/05/15 全球购物
跑步、骑行和铁人三项的高性能眼镜和服装:ROKA
2018/07/06 全球购物
电信专业应届生自荐信
2013/09/28 职场文书
出生证明公证书
2014/04/09 职场文书
2014年移动公司工作总结
2014/12/08 职场文书
街道党风廉政建设调研报告
2015/01/01 职场文书
亮剑观后感300字
2015/06/05 职场文书
OpenCV中resize函数插值算法的实现过程(五种)
2021/06/05 Python
TV动画《政宗君的复仇》第二季制作决定PV公布
2022/04/02 日漫
Mysql排查分析慢sql之explain实战案例
2022/04/19 MySQL
Spring Data JPA框架Repository自定义实现
2022/04/28 Java/Android