JS Date对象及常用方法示例

最新推荐文章于 2024-08-12 09:24:46 发布

小斑马在沙巴找BUG

最新推荐文章于 2024-08-12 09:24:46 发布

阅读量205

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/qq_14954259/article/details/52223660

版权

getFullYear()获取年份

getMonth()获取月份（注意：月份从零开始）

getDay()(返回~6)

getHours()获取小时

getMinutes()获取月份

getSeconds()获取秒

<!DOCTYPE html>
<html lang="en">
<head>
<script>
window.οnlοad=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>

<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>

小斑马在沙巴找BUG

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS Date对象及常用方法示例

getFullYear()获取年份getMonth()获取月份（注意：月份从零开始）getDay()(返回~6)getHours()获取小时getMinutes()获取月份getSeconds()获取秒window.onload=function(){ var divBox=document.getElementById('divBox')
复制链接

扫一扫