12.1时间对象
2016-12-02 本文已影响0人
overisover
创建当前时间对象
内置构造函数(类)：对一类事物的总体描述;
作用：生成对象
生成对象的时候必须加关键字new
对象是实实在在存在的；
内置构造函数首字母大写;
通过相同构造函数（类） 生成的对象， 他们具有相同的属性和方法
Date ：var date=new Date();
Object ：var obj=new Object ();//var obj={};
Array：var arr=new Array();//var arr=[];
String：var str=new String();//var str='';
调用构造函数
var date=new Date();//代表当前时间的一个对象；
new 关键字 作用：创建对象
Date js的内置的构造函数；首字母大写；
var year=date.getFullYear();//获取年份；
var month=date.getMonth()+1;//获取月份;0-11
var dates=date.getDate();//获取日期
var day=date.getDay();//获取星期;0-6
var hours=date.getHours();//获取小时
var minutes=date.getMinutes();//获取分钟
var seconds=date.getSeconds();//获取秒
两个时间对象相减，得到一个数字，是它们相差的毫秒数；
转义字符
常见的：' '\ 可以输出单引号；
\n 换行
\t tab键
date函数应用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--获取当前时间-->
<!-- <h1></h1>
<script>
setInterval(function(){
var now=new Date();
var year=now.getFullYear();
var month=now.getMonth()+1;
var date=now.getDate();
var day=now.getDay();
var hours=now.getHours();
var mins=now.getMinutes();
var secs=now.getSeconds();
var dayArr=['星期天','星期一','星期二','星期三','星期四','星期五','星期六',];
function aa(times){
if(times<10){
times='0'+times;
}
return times;//要返回times的值；
}
hours=aa(hours);//接受times的值；不接受没有效果
mins=aa(mins);
secs=aa(secs);
var str='北京时间：'+year+'年'+month+'月'+date+'日'+' '+dayArr[day]+' '+hours+'时'+mins+'分'+secs+'秒';
var h1=document.getElementsByTagName('h1')[0];
h1.innerHTML=str;
},1000)
</script> -->
<!--时间图片-->
<div>
<img src="img/0.jpg" alt="">
<img src="img/1.jpg" alt="">
<img src="img/colon.JPG" alt="">
<img src="img/0.jpg" alt="">
<img src="img/0.jpg" alt="">
<img src="img/colon.JPG" alt="">
<img src="img/0.jpg" alt="">
<img src="img/0.jpg" alt="">
</div>
<script>
var oImg=document.getElementsByTagName('img');
function changeTime(){
var now=new Date();
var hours=now.getHours();
var mins=now.getMinutes();
var secs=now.getSeconds();
if(hours<10){
hours='0'+hours;
}
if(mins<10){
mins='0'+mins;
}
if(secs<10){
secs='0'+secs;
}
var str=hours+':'+mins+':'+secs;
for(var i=0;i<str.length;i++){
if(str[i]===':'){
oImg[i].src='img/colon.JPG';
}else{
oImg[i].src='img/'+str[i]+'.jpg';
}
}
}
setInterval(function(){
changeTime();
},1000);
changeTime();
</script>
</body>
</html>
