黑马程序员技术交流社区

标题: 美女时钟练习 [打印本页]

作者: 胡元江    时间: 2013-2-17 20:39
标题: 美女时钟练习
//         美女时钟练习
<!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">
        function Refresh() {
            var imgMM = document.getElementById("imgMM");
            if (!imgMM) {
                return;
            }
            var now = new Date();
            
            var filename;
            if (now.getSeconds() < 10) {  //判断时间格式  小于10时我们要补零
                filename = now.getHours() + "_0" + now.getSeconds()
            }
            else{
            filename = now.getHours() + "_" + now.getSeconds();}
   //        alert(filename);
            imgMM.src = "mm/0"+filename + ".jpg";    //因电脑上时间为0时加了一个零与图片文件名匹配
      //图片格式 为00_**    * 表示从00-60的时间秒数  

        }
        setInterval("Refresh()", 1000);



    </script>
</head>
<body   >
<div>
<img   id="imgMM" src="" />  
   
</div>
</body>
</html>

作者: 许庭洲    时间: 2013-2-18 10:16
值得学习ing!




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2