您的位置：首页 > Web前端 > JavaScript

JavaScript实现美女时钟

2010-08-27 23:29 309 查看

该文章将通过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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航