软件学堂

网游分类软件分类

JS实现标题栏显示时间

2012-11-05 来源:网络

【实例名称】

JS实现标题栏显示时间

【实例描述】

标题栏一般显示网站名称或网页名称。本例通过时间和标题栏的调用,实现在标题栏显示时间的特效。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> <SCRIPT LANGUAGE="JavaScript"> var clocktext; var pagetitle = document.title;  // 获取页面标题 function viewTime() { today = new Date();             //获取当前日期 sec = today.getSeconds();       //获取秒 hr = today.getHours();          //获取小时 min = today.getMinutes();       //获取分钟 if (hr <= 9) hr = "0" + hr;     //显示2位的小时 if (min <= 9) min = "0" + min;  //显示2位的分钟 if (sec <= 9) sec = "0" + sec;  //显示2位的秒 var clocktext = " 当前时间是: " + hr + ":" + min + ":" + sec; //间隔1000毫秒实现时间的更新 clocktimer = setTimeout("viewTime()", 1000); document.title = pagetitle + clocktext;  //重新显示标题 } if (document.all) viewTime();            //如果是IE浏览器 </script> </head> <body> </body> </html>

【运行效果】

 标题栏显示时间运行效果

【难点剖析】

本例的重点是如何显示当前时间、如何获取IE的标题栏。获取时间可以创建Date对象,但如果要一直显示当前时间,则需使用“setTimeout”定时器每隔一秒钟更新标题的时间。获取IE标题栏则使用“document.title”。

【源码下载】

为了JS代码的准确性,请点击:标题栏显示时间 进行本实例源码下载 

上一篇:PS调色技巧:调出美女图片暗调蓝红色
下一篇:JS实现超过时间页面自动跳转

相关文章