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>
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内置对象常用方法总结 上篇(Date String Array Math )
- JavaScript中Date对象的常用方法示例
- JavaScript中Date对象的常用方法示例
- JS中Date对象的常用方法
- Date对象常用方法
- js 中 常用 frameset iframe 页面跳转 传参数值 方法示例大全
- js之Window对象方法示例
- js克隆对象、数组的常用方法介绍
- Excel应用程序对象(Application对象)及其常用方法基本操作应用示例
- JS中Date对象getYear()方法和getFullYear()方法区别
- js String对象中常用方法小结(字符串操作)
- JS中Date对象getYear()方法和getFullYear()方法区别
- js数组对象以及数组常用属性和方法
- Date对象的常用方法写一个当前时间的绑定
- js中string对象的常用方法
- js克隆对象、数组的常用方法【clone】
- Excel Application对象及其常用方法基本操作应用示例
- js克隆对象、数组的常用方法【clone】
- JS中Date对象getYear()方法和getFullYear()方法区别
- js克隆对象、数组的常用方法【clone】