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实现带省略号的分页
Apr 27 Javascript
javascript验证身份证号
Mar 03 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
Oct 24 Javascript
纯js实现瀑布流布局及ajax动态新增数据
Apr 07 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
Sep 14 Javascript
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
Sep 28 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
Oct 24 Javascript
ES6 javascript中Class类继承用法实例详解
Oct 30 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
Oct 19 Javascript
vue elementUI使用tabs与导航栏联动
Jun 21 Javascript
JavaScript canvas绘制折线图
Feb 18 Javascript
详解vue中v-for的key唯一性
May 15 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
一个PHP操作Access类(PHP+ODBC+Access)
2007/01/02 PHP
15种PHP Encoder的比较
2007/03/06 PHP
PHP的explode和implode的使用说明
2011/07/17 PHP
php生成随机数的三种方法
2014/09/10 PHP
phpinfo() 中 Local Value(局部变量)Master Value(主变量) 的区别
2016/02/03 PHP
PHP简单实现DES加密解密的方法
2016/07/12 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
js AspxButton的客户端操作
2009/06/26 Javascript
Javascript的一种模块模式
2010/09/08 Javascript
js获取指定日期前后的日期代码
2013/08/20 Javascript
如何动态的导入js文件具体该怎么实现
2014/01/14 Javascript
jQuery实现数秒后自动提交form的方法
2015/03/05 Javascript
jQuery $.each遍历对象、数组用法实例
2015/04/16 Javascript
Angular 页面跳转时传参问题
2016/08/01 Javascript
js实现将json数组显示前台table中
2017/01/10 Javascript
Express与NodeJs创建服务器的两种方法
2017/02/06 NodeJs
xmlplus组件设计系列之图标(ICON)(1)
2017/05/05 Javascript
vue组件学习教程
2017/09/09 Javascript
详解ESLint在Vue中的使用小结
2018/10/15 Javascript
使用微信小程序开发弹出框应用实例详解
2018/10/18 Javascript
javascript 高级语法之继承的基本使用方法示例
2019/11/11 Javascript
JavaScript实现音乐导航效果
2020/11/19 Javascript
Vue实现多页签组件
2021/01/14 Vue.js
[01:22:19]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
简单了解Python下用于监视文件系统的pyinotify包
2015/11/13 Python
python队列queue模块详解
2018/04/27 Python
浅析border-radius如何兼容IE
2016/04/19 HTML / CSS
美国在线轮胎零售商:SimpleTire
2019/04/08 全球购物
澳大利亚Rockwear官网:女子瑜伽、健身和运动服
2021/01/26 全球购物
Lucene推荐的分页方式是什么?
2015/12/07 面试题
财务会计毕业生个人求职信
2014/02/03 职场文书
村级个人对照检查材料
2014/08/22 职场文书
个人总结格式范文
2015/03/09 职场文书
写作技巧:如何撰写一份优秀的营销策划书
2019/08/13 职场文书
教你怎么用python实现字符串转日期
2021/05/24 Python
MySQL 发生同步延迟时Seconds_Behind_Master还为0的原因
2021/06/21 MySQL