W3
第三堂
課程內容
- W2作業檢討
- if (i==0 && x==-1) {} → i在架設中已經為0,{}內可直接空白,代表不進行改變
- else {i=i+x;document.getElementById("demo").innerHTML = '<img src=' + cars[i] + ' alt="Trulli"width="500" height="333">';} → 將此指令直接放在else裡面,醬if和else if的假設就不用再蓋一次照片
- return → 停止當下function的操作,重新判斷,退出function
- !() → 如()不成立,則......
- //文字 → 註解
- 不用條件判斷 → 餘數,i=(i+x+cars.length)%cars.length
- 自動撥放
- settimeout → 延遲一段時間,且只執行一次
- setInterval → 每隔一段時間執行一次
- 停止執行
- var myVar......clearInterval(myVar); → 記得要先宣告myVar,告訴clearInterval要停止什麼
- 使按Play按鈕後不會重複執行
- 重複按play鍵
→if(myVar != null) clearInterval(myVar); → 假設myVar不為空值,即非第一次執行 play,則停止運作myVar
課堂心得
今天沒有作業好開心~~~上課的時候檢討了上次的作業,雖然結果都差不多,但每個人的邏輯思維都蠻不同的很酷,其實寫作業的時候頭很痛,最後還是去求救了一下才寫出來的,一聽到關鍵都嘛覺得很簡單,但就是過程中很容易卡在自己的思維中出不來,後來反省了一下自己為啥一直卡住,發現我是因為糾結在i這個變數,沒去考慮到x,一直想說要讓i在甚麼條件下,讓整個function停止運作,就去查了一些if、else,或是一堆像是null、return()、die()之類的語法,後就發現其實根本不太會用,搞到最後才發現原來用最基本的變數x和logical operation的內容就可以完成,看到一些有基礎的同學寫的就覺得很厲害也偏羨慕,但沒基礎也沒辦法,現在有機會學了,就多看多練多學囉~
檢討完作業還看了一些新的內容,延續上一次的課程,今天的目標是做出能夠自動撥放及停止的相簿,運用了settimeout、setInterval、clearInterval函數、不等於!=以及null這個空值,有成功!但後來也體會到使用者沒理由照著設計者所希望的方式操作這件事,以後自己完成必須跳脫既有思維操作,或是多給別人試用改進嘿。
留言
張貼留言