JS Date对象及常用方法示例

来源:互联网 发布:java集成开发环境 编辑:程序博客网 时间:2024/04/28 03:57

getFullYear()获取年份

getMonth()获取月份(注意:月份从零开始)

getDay()(返回~6)

getHours()获取小时

getMinutes()获取月份

getSeconds()获取秒


<!DOCTYPE html>
<html lang="en">
<head>
<script>
window.onload=function(){
    var divBox=document.getElementById('divBox');
   // var Btn=document.getElementById('Btn');
    var img=divBox.getElementsByTagName('img');


   
    // Btn.addEventListener("click",function(){
    function clock(){
     var objDate=new Date();
     var hour=objDate.getHours();
     var minute=objDate.getMinutes();
     var second=objDate.getSeconds();
     function toDouble(num){
      if(num>10){return ''+num}
      else{return '0'+num}


     }
    var str=toDouble(hour)+toDouble(minute)+toDouble(second);
    for (var i=0;i<img.length ;i++) {
    img[i].src='images/'+str.charAt(i)+'.png';
    }


    }
    // ,false);


     setInterval(clock,100);
};


</script>
<meta charset="UTF-8">
<title>clock</title>
</head>
<body>
<!-- <input type="button" id="Btn" value="刷新"/> -->
<div id="divBox">
<img src="images/0.png"/>
<img src="images/0.png"/>时


<img src="images/0.png"/>
<img src="images/0.png"/>分


<img src="images/0.png"/>
<img src="images/0.png"/>秒
</div>
</body>
</html>






0 0
原创粉丝点击