JavaScript实现美女时钟

最新推荐文章于 2022-03-02 03:53:43 发布

weixin_30580341

最新推荐文章于 2022-03-02 03:53:43 发布

阅读量132

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/zhlnxindie/archive/2010/08/27/1810505.html

版权

该文章将通过JavaScript脚本语言来实现一个时钟的功能。

代码

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< title ></ title >
< script type ="text/javascript" >
// 当小时数或分钟数小于10时在其前面补一个0
function get2Len(str) {
if (str <= 10 ) {
return " 0 " + str;
}
return str;
}

function getImg() {
var now = new Date(); // 获得当前时间
var hour = now.getHours(); // 获得当前时间的小时数
var minute = now.getMinutes(); // 获得当前时间的分钟数

var fileName = get2Len(hour) + " _ " + get2Len(minute);
var imgid = document.getElementById( " imgTime " ); // 获得Elements imgTime
if ( ! imgid) {
return ;
}
imgid.src = " ../mm/ " + fileName + " .jpg " ; // 设置图片的路径
}
setInterval( " getImg() " , 1000 ); // 每秒钟促发一次
</ script >
</ head >
< body onload ="getImg()" >
< img alt ="" id ="imgTime" src ="" />
</ body >
</ html >

转载于:https://www.cnblogs.com/zhlnxindie/archive/2010/08/27/1810505.html