1. 日期
1. new Date() --- 创建日期,获取当前日期 返回:Wed Jul 12 2017 18:49:54 GMT+0800 (中国标准时间)
2. var oDate = new Date();
var m=oDate.getMonth()+1;
var d=oDate.getDate();
var w=oDate.getDay();
var h=oDate.getHours();
var min=oDate.getMinutes();
var s=oDate.getSeconds();
#
2. 定时器
1. setInterval() 有两个参数:1)回调函数 2)毫秒数
每隔一段时间走一次;只要不关闭页面或关闭定时器,他会一直走下去;
手动关闭:clearInterval(定时器名)
2. setTimeout() 有两个参数:1)回调函数 2)毫秒数
一段时间后只走一次;
手动关闭:clearTimeout(定时器名)
var n=0;
var timer=setInterval(function(){
n++;
alert(n)
if(n==5){
clearInterval(timer);
}
},1000)
例子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
font-size: 100px;
}
</style>
</head>
<body>
<script>
function toDou(n){
return n>=0 && n<10? '0'+n:''+n;
}
function getDate(){
var oDate=new Date();
var y=oDate.getFullYear();
var m=oDate.getMonth()+1;
var d=oDate.getDate();
var w=oDate.getDay();
var h=oDate.getHours();
var min=oDate.getMinutes();
var s=oDate.getSeconds();
var str=toDou(h)+':'+toDou(min)+':'+toDou(s)
document.body.innerHTML=str;
}
getDate();
var timer=setInterval(getDate,1000)
</script>
</body>
</html>
3. 用setTimeout实现setInterval
var n=0;
function fn(){
n++;
if(n===5){
clearTimeout(timer);
return;
}
var timer=setTimeout(fn,1000);
}
fn();