創(chuàng)建 Date 對(duì)象的語法:
var myDate=new Date()
Date 對(duì)象用于處理日期和時(shí)間。
定時(shí)器
setInterval 循環(huán)定時(shí)器
語法:
setInterval(function () {
這里填寫執(zhí)行條件
},毫秒數(shù));
這是每隔1000毫秒執(zhí)行一次。
<script type="text/javascript">
setInterval (function () {
console.log('1');
},1000);
</script>
每隔1000毫秒輸出一次字符串1。
clearInterval() 清除定時(shí)器
語法:
<script type="text/javascript">
var i = 1
setInterval (function () {
console.log(i ++);
if(i > 10) {
clearInterval(1);
}
},100);
</script>
clearInterval() 參數(shù)填寫的是定時(shí)器的的返回值,
如果使用一個(gè)變量來接收定時(shí)器的返回值的話履恩,那么接收到的值就是 1
所以也可以這樣寫:
<script type="text/javascript">
var i = 1
var test = setInterval (function () {
console.log(i ++);
if(i > 10) {
clearInterval(test);
}
},100);
</script>
clearInterval() 參數(shù)里寫的是定時(shí)器的接收返回值的變量。
setTimeout 單次定時(shí)器
setTimeout(function () {
1000毫秒后執(zhí)行這條語句
},1000);
<script type="text/javascript">
setTimeout (function () {
console.log('1');
},1000);
</script>
1000毫秒后打印字符串1牛曹,只會(huì)輸出一次。
clearTimeout 清除定時(shí)器
清除定時(shí)器醇滥,使用方法和上面那個(gè)一樣的~
寫一個(gè)計(jì)時(shí)器黎比,3分鐘停止
<style type="text/css">
input{
border: solid 1.2px black;
font-size: 20px;
text-align: right;
}
</style>
<body>
minutes: <input type="test" value="0" />
<br /><br>
seconds: <input type="test" value="0" />
<script type="text/javascript">
var min = document.getElementsByTagName('input')[0];
var sd = document.getElementsByTagName('input')[1];
var minutes = 0, seconds = 0;
var min1 = setInterval(function () {
seconds ++;
if(seconds == 60) {
seconds = 0;
minutes ++;
}
min.value = minutes;
sd.value = seconds;
if(minutes == 3) {
clearInterval(min1)
}
},10);
</script>