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实现的论坛常用的运行代码的效果
Jul 15 Javascript
多浏览器支持的右下角浮动窗口
Apr 01 Javascript
JavaScript单元测试ABC
Apr 12 Javascript
js取整数、取余数的方法
May 11 Javascript
javascript面向对象之this关键词用法分析
Jan 13 Javascript
Windows系统下Node.js的简单入门教程
Jun 23 Javascript
详解JavaScript中Hash Map映射结构的实现
May 21 Javascript
各式各样的导航条效果css3结合jquery代码实现
Sep 17 Javascript
详解vue使用插槽分发内容slot的用法
Mar 28 Javascript
vue简单练习 桌面时钟的实现代码实例
Sep 19 Javascript
vue 返回上一页,页面样式错乱的解决
Nov 14 Javascript
JavaScript进制转换实现方法解析
Jan 18 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代码(星期六,星期日总和)
2009/11/12 PHP
ThinkPHP文件上传实例教程
2014/08/22 PHP
jquery tools 系列 scrollable学习
2009/09/06 Javascript
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
2009/11/12 Javascript
深入理解JavaScript系列(13) This? Yes,this!
2012/01/18 Javascript
Jquery中给animation加更多的运作效果实例
2013/09/05 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
2015/01/09 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
深入php面向对象、模式与实践
2016/02/16 Javascript
vue-cli的webpack模板项目配置文件分析
2017/04/01 Javascript
js Dom实现换肤效果
2017/10/21 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
2018/07/27 Javascript
jQuery.parseJSON()函数详解
2019/02/28 jQuery
js实现随机div颜色位置 类似满天星效果
2019/10/24 Javascript
vue项目,代码提交至码云,iconfont的用法说明
2020/07/30 Javascript
python里对list中的整数求平均并排序
2014/09/12 Python
python字符类型的一些方法小结
2016/05/16 Python
python爬虫入门教程--优雅的HTTP库requests(二)
2017/05/25 Python
python实现二叉树的遍历
2017/12/11 Python
numpy自动生成数组详解
2017/12/15 Python
Django学习教程之静态文件的调用详解
2018/05/08 Python
Python实现iOS自动化打包详解步骤
2018/10/03 Python
利用python实现对web服务器的目录探测的方法
2019/02/26 Python
python的pstuil模块使用方法总结
2019/07/26 Python
python集合常见运算案例解析
2019/10/17 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
python range实例用法分享
2020/02/06 Python
解决Tensorboard 不显示计算图graph的问题
2020/02/15 Python
Python3+selenium实现cookie免密登录的示例代码
2020/03/18 Python
keras中的loss、optimizer、metrics用法
2020/06/15 Python
用CSS3打造HTML5的Logo(实现代码)
2016/06/16 HTML / CSS
Canvas制作旋转的太极的示例
2018/03/09 HTML / CSS
银行优秀员工推荐信
2015/03/24 职场文书
大学生,三分钟即兴演讲稿
2019/07/22 职场文书
餐厅营销的秘密:为什么老顾客会流水?
2019/08/08 职场文书
浅谈Node的内存泄露问题
2022/05/06 NodeJs