W3

第三堂

課程內容

  • W2作業檢討

    1. if (i==0 && x==-1) {} → i在架設中已經為0,{}內可直接空白,代表不進行改變
    2. else {i=i+x;document.getElementById("demo").innerHTML = '<img src=' + cars[i] + ' alt="Trulli"width="500" height="333">';} → 將此指令直接放在else裡面,醬if和else if的假設就不用再蓋一次照片
    3. return → 停止當下function的操作,重新判斷,退出function
    4. !() → 如()不成立,則......
    5. //文字 → 註解
    6. 不用條件判斷 → 餘數,i=(i+x+cars.length)%cars.length

  • 自動撥放

    1. settimeout → 延遲一段時間,且只執行一次
    2. setInterval → 每隔一段時間執行一次

  • 停止執行

    1. var myVar......clearInterval(myVar); → 記得要先宣告myVar,告訴clearInterval要停止什麼

  • 使按Play按鈕後不會重複執行

    1. 重複按play鍵
                    →多次執行setInterval,使原本的setInterval被覆蓋,醬按了stop後,被覆蓋掉的                                setInterval會找不到、無法停止

                    →if(myVar != null) clearInterval(myVar); → 假設myVar不為空值,即非第一次執行                                play,則停止運作myVar

課堂心得

        今天沒有作業好開心~~~上課的時候檢討了上次的作業,雖然結果都差不多,但每個人的邏輯思維都蠻不同的很酷,其實寫作業的時候頭很痛,最後還是去求救了一下才寫出來的,一聽到關鍵都嘛覺得很簡單,但就是過程中很容易卡在自己的思維中出不來,後來反省了一下自己為啥一直卡住,發現我是因為糾結在i這個變數,沒去考慮到x,一直想說要讓i在甚麼條件下,讓整個function停止運作,就去查了一些if、else,或是一堆像是null、return()、die()之類的語法,後就發現其實根本不太會用,搞到最後才發現原來用最基本的變數x和logical operation的內容就可以完成,看到一些有基礎的同學寫的就覺得很厲害也偏羨慕,但沒基礎也沒辦法,現在有機會學了,就多看多練多學囉~

        檢討完作業還看了一些新的內容,延續上一次的課程,今天的目標是做出能夠自動撥放及停止的相簿,運用了settimeout、setInterval、clearInterval函數、不等於!=以及null這個空值,有成功!但後來也體會到使用者沒理由照著設計者所希望的方式操作這件事,以後自己完成必須跳脫既有思維操作,或是多給別人試用改進嘿。


留言

這個網誌中的熱門文章

W2