js date對象 和定時器

創(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>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末伶氢,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子瘪吏,更是在濱河造成了極大的恐慌癣防,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件肪虎,死亡現(xiàn)場離奇詭異劣砍,居然都是意外死亡,警方通過查閱死者的電腦和手機扇救,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進(jìn)店門刑枝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人迅腔,你說我怎么就攤上這事装畅。” “怎么了沧烈?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵掠兄,是天一觀的道長。 經(jīng)常有香客問我,道長蚂夕,這世上最難降的妖魔是什么迅诬? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮婿牍,結(jié)果婚禮上侈贷,老公的妹妹穿的比我還像新娘。我一直安慰自己等脂,他們只是感情好俏蛮,可當(dāng)我...
    茶點故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著上遥,像睡著了一般搏屑。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上粉楚,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天辣恋,我揣著相機與錄音,去河邊找鬼解幼。 笑死抑党,一個胖子當(dāng)著我的面吹牛包警,可吹牛的內(nèi)容都是我干的撵摆。 我是一名探鬼主播,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼害晦,長吁一口氣:“原來是場噩夢啊……” “哼特铝!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起壹瘟,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤鲫剿,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后稻轨,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體灵莲,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年殴俱,在試婚紗的時候發(fā)現(xiàn)自己被綠了政冻。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,809評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡线欲,死狀恐怖明场,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情李丰,我是刑警寧澤苦锨,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響舟舒,放射性物質(zhì)發(fā)生泄漏拉庶。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一秃励、第九天 我趴在偏房一處隱蔽的房頂上張望砍的。 院中可真熱鬧,春花似錦莺治、人聲如沸廓鞠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽床佳。三九已至,卻和暖如春榄审,著一層夾襖步出監(jiān)牢的瞬間砌们,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工搁进, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留浪感,地道東北人。 一個月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓饼问,卻偏偏與公主長得像影兽,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子莱革,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,724評論 2 351

推薦閱讀更多精彩內(nèi)容