当前位置：学海荡舟 -> 电脑乐园 -> JavaScript实例
　　　　随时间变化的图形  
     
效 果 演 示：
请　　
不　　
停　　
的　　
刷　　
新　　
屏　　
幕　　
，　　
以　　
观　　
看　　
效　　
果　　
。　　　

 　 　

 

   
 
源代码如下：



这段程序放在<body>与</body>之间

    
源程序讲解：
   

var dt = new Date();

定义一个新的时间对象。
var hr = dt.getSeconds();
 定义一个变量,获得当前的秒数。
if (hr<=20)
hr=7;
当前的秒数小于20时，hr=7。
else if
(hr<=40) hr=8;
 当前的秒数小于40大于20时，hr=8。
else hr=9;
当前的秒数大于40小于60时，hr=9。
var msg="<IMG SRC=img/"+hr+".jpg>";
document.write(msg); 		设置变量msg的值为要显示图的路径，并输出这张图。

注:本例中所用到的三张图放在与本页面同级的"img"文件夹内,名字分别为7.jpg，8.jpg，9.jpg。