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 相关文章推荐
JavaScript 事件参考手册
Dec 24 Javascript
javascript 全角转换实现代码
Jul 17 Javascript
Jquery插件 easyUI属性汇总
Jan 19 Javascript
基于jquery tab切换(防止页面刷新)
May 23 Javascript
使用js画图之正弦曲线
Jan 12 Javascript
JavaScript中几种排序算法的简单实现
Jul 29 Javascript
Actionscript与javascript交互实例程序(修改)
Sep 22 Javascript
前端自动化开发之Node.js的环境搭建教程
Apr 01 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
Aug 21 Javascript
vue语法之拼接字符串的示例代码
Oct 25 Javascript
JavaScript编码小技巧分享
Sep 17 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
Nov 12 Javascript
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过程中的一些注意点的总结
2013/10/25 PHP
PHP实现货币换算的方法
2014/11/29 PHP
Laravel给生产环境添加监听事件(SQL日志监听)
2017/06/19 PHP
php实现的PDO异常处理操作分析
2018/12/27 PHP
php查询内存信息操作示例
2019/05/09 PHP
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
2009/11/30 Javascript
js获取URL的参数的方法(getQueryString)示例
2013/09/29 Javascript
JavaScript的事件绑定(方便不支持js的时候)
2013/10/01 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
2016/05/19 Javascript
微信小程序 教程之条件渲染
2016/10/18 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
2017/01/17 Javascript
node.js学习之断言assert的使用示例
2017/09/28 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
2020/08/03 Javascript
python机器学习库常用汇总
2017/11/15 Python
Python实现连接postgresql数据库的方法分析
2017/12/27 Python
python 日期操作类代码
2018/05/05 Python
python对象与json相互转换的方法
2019/05/07 Python
浅谈Python_Openpyxl使用(最全总结)
2019/09/05 Python
Python使用selenium + headless chrome获取网页内容的方法示例
2019/10/16 Python
python验证码图片处理(二值化)
2019/11/01 Python
pytorch torch.expand和torch.repeat的区别详解
2019/11/05 Python
python dataframe NaN处理方式
2019/12/26 Python
Django 再谈一谈json序列化
2020/03/16 Python
Python调用JavaScript代码的方法
2020/10/27 Python
python切割图片的示例
2020/11/12 Python
利用Python实现学生信息管理系统的完整实例
2020/12/30 Python
牵手50新加坡:专为黄金岁月的单身人士而设的交友网站
2020/08/16 全球购物
什么是ESB?请介绍一下ESB?
2015/05/27 面试题
工艺技术员岗位职责
2015/02/04 职场文书
2015年感恩父亲节活动策划方案
2015/05/05 职场文书
培根随笔读书笔记
2015/07/01 职场文书
中学校园广播稿
2015/08/18 职场文书
如何理解Vue前后端数据交互与显示
2021/05/10 Vue.js
CSS+HTML 实现顶部导航栏功能
2021/08/30 HTML / CSS
基于Redission的分布式锁实战
2022/08/14 Redis