創(chuàng)建 Date 對象的語法:
var myDate=new Date()
Date 對象用于處理日期和時間溶推。
定時器
setInterval 循環(huán)定時器
語法:
setInterval(function () {
這里填寫執(zhí)行條件
},毫秒數(shù));
這是每隔1000毫秒執(zhí)行一次蝌以。
<script type="text/javascript">
setInterval (function () {
console.log('1');
},1000);
</script>
每隔1000毫秒輸出一次字符串1。
clearInterval() 清除定時器
語法:
<script type="text/javascript">
var i = 1
setInterval (function () {
console.log(i ++);
if(i > 10) {
clearInterval(1);
}
},100);
</script>
clearInterval() 參數(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ù)里寫的是定時器的接收返回值的變量。
setTimeout 單次定時器
setTimeout(function () {
1000毫秒后執(zhí)行這條語句
},1000);
<script type="text/javascript">
setTimeout (function () {
console.log('1');
},1000);
</script>
1000毫秒后打印字符串1,只會輸出一次呐伞。
clearTimeout 清除定時器
清除定時器,使用方法和上面那個一樣的~
寫一個計時器慎式,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>