第三堂

第三堂課 上次老師出了作業 所以前半節課在講解 雖然我作業有做出來 但其實不是最完美的 聽了老師的講解後才恍然大悟 有些地方是多餘的 可以直接刪掉

if (i==0 && x==-1) {i=0;} 其實{}裡面可以不用寫 因為前面的條件就是i=0

 else {i=i+x;document.getElementById("demo").innerHTML = '<img src="' + cars[i]+ '" alt="Trulli" width="500" height="333">'}粗體部分可以直接放進{} 這樣就不會讓if 跟else if 跑出來的結果印一次然後又要覆蓋掉

寫程式就是要看起來簡簡單單然後讓電腦最有效率最快的跑 不做多餘的計算

順帶一提 做出餘數寫法的那位同學真的是太厲害了

i=(i+x+cars.length)%cars.length; 這樣就可以讓投影片一直循環 而不用去判斷變數i

然後這次上了兩個重點

setTimeout(方程式,秒數後開始執行)只執行一次

setInterval(方程式,每隔秒數後重複執行)重複

不過這樣會出現問題 如果狂按按鈕幻燈片就會不聽話狂跳 因為很多次的執行結果重疊在一起

這時候就要使用 clearInterval(要停的東西) 如果不是第一次執行setInterval 那就要清除上一次的setInterval

運用這串程式 就可以做出類似幻燈片的網站了 我覺得一開始去理解這串程式是最難的 因為是個新東西 但了解它的運作方式後就簡單許多