2013年4月11日 星期四

setTimeout() 與 setInterval() 的差別是?


這是常見的前端考題,但我不常用這兩個xd,說實在的以前我也不懂...

setTimeout()跟setInterval()都是window的method
可參考: w3school

你可以這樣寫:
setTimeout( )
setInterval( )

等於這樣寫:
window.setTimeout( )
window.setInterval( )

Timeout 跟 Interval 的英文解釋分別是:
Timeout  ==>逾時
Interval  ==>間隔


setTimeout() 與 setInterval() 都是指經過某一段時間後,做哪些事
兩者差別在於setTimeout()只做一次;setInterval()會不停的的調用函數。

var start_to_say_hi = setTimeout("console.log('h1')",3000); 
//五秒後跟使用者說hi

var start_to_say_hi = setInterval("console.log('h1')",1000); 
//每秒說一次hi在console.log

window.clearInterval(start_to_say_hi); 
//停止說hi


Homework:
可研究Groupon台灣酷朋網站的倒數計時的JavaScript寫法。

4 則留言:

  1. 這是什麼惡趣味
    註解說 hi(嗨)
    但事實上 console.log 的是 h1(h one) XD

    回覆刪除
    回覆
    1. var start_to_say_hi = setTimeout("console.log('h1')",3000);
      //五秒後跟使用者說hi

      var start_to_say_hi = setInterval("console.log('h1')",1000);
      //每秒說一次hi在console.log

      程式碼都是 h1、註解都是 hi

      刪除

若你看的文章,時間太久遠的問題就別問了,因為我應該也忘了... XD

Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...