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();