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

JS Date对象及常用方法示例

2016-08-16 18:01 471 查看
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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js javascript