JS完成标题栏显示时间|萝卜系统

编程（Programming）是编定程序的中文简称，就是让计算机代码解决某个问题，对某个计算体系规定一定的运算方式，使计算体系按照该计算方式运行，并最终得到相应结果的过程。为了使计算机能够理解（understand）人的意图，人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机，使得计算机能够根据人的指令一步一步去工作，完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。

【实例名称】

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代码的准确性，请点击：标题栏显示时间进行本实例源码下载

使用编程语言写的程序，由于每条指令都对应计算机一个特定的基本动作，所以程序占用内存少、执行效率高。

……

标签:JS完成标题栏显示时间