Date 对象用于处理日期和时间。
创建 Date 对象的语法:
var myDate=new Date();
Date对象的方法:
Date() //返回当日的日期和时间
getDate() //从 Date 对象返回一个月中的某一天 (1 ~ 31)
getDay() //从 Date 对象返回一周中的某一天 (0 ~ 6)
getMonth() //从 Date 对象返回月份 (0 ~ 11)
getFullyare //从 Date 对象以四位数字返回年份
getHours() //返回 Date 对象的小时 (0 ~ 23)
getMinutes() //返回 Date 对象的分钟 (0 ~ 59)
getSeconds() //返回 Date 对象的秒数 (0 ~ 59)
getMilliseconds() //返回 Date 对象的毫秒(0 ~ 999)
等等有很多对象方法API,可以去w3school官网查找学习
date示例如下:
JavaScript代码块
function time() {
var a = new Date(); //获取当前时间
var year = a.getFullYear(); //年
var month = a.getMonth(); //月
var dat = a.getDate(); //日
var day = a.getDay(); //周
var hour = a.getHours(); //时
var min = a.getMinutes(); //分
var sec = a.getSeconds(); //秒
document.write('现在时间' + year + '年' + month + '月' + dat + '日,星期' + day + '\t' + hour + '时' + min + '分' + sec + '秒'); //最后拼接在一块
}
time(); //调用
效果:
当然这个效果是静态的效果并不会动的效果,如果你想要附加给他走起来的效果的得用到定时器,定时器分为:一次定时器setTimeout、永久定时器setInterval;
永久定时器setInterval写法:
注释:设置一个定时器,到达指定时间执行我们的操作,然后定时器并没有停止,以后每隔这么长时间,都重新执行我们的操作
setInterval(function() {
var a = new Date(); //获取当前时间
var year = a.getFullYear(); //年
var month = a.getMonth(); //月
var dat = a.getDate(); //日
var day = a.getDay(); //周
var hour = a.getHours(); //时
var min = a.getMinutes(); //分
var sec = a.getSeconds(); //秒
document.getElementById('date').innerHTML = '现在时间' + year + '年' + month + '月' + dat + '日,星期' + day + '\t' + hour + '时' + min + '分' + sec + '秒'; //最后拼接在一块,输出到指定地点
})
一次定时器setTimeout写法:
注释:设置一个定时器,到达指定的时间,执行我们的操作,定时器停止
setTimeout(function() {
var a = new Date(); //获取当前时间
var year = a.getFullYear(); //年
var month = a.getMonth(); //月
var dat = a.getDate(); //日
var day = a.getDay(); //周
var hour = a.getHours(); //时
var min = a.getMinutes(); //分
var sec = a.getSeconds(); //秒
document.getElementById('date').innerHTML = '现在时间' + year + '年' + month + '月' + dat + '日,星期' + day + '\t' + hour + '时' + min + '分' + sec + '秒'; //最后拼接在一块
},2000) //2000意思就是两秒之后执行操作