JavaScript实现美女时钟

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

 

posted @ 2010-08-27 23:29  泪的诺言lni  阅读(524)  评论(0)  编辑  收藏  举报