js - if-else語句
阿新 • • 發佈:2018-01-05
ole pre == 我們 brush class light 一點 rip
if語句
語法:
if(條件){
// 條件成立,執行這裏的代碼
}
if中的這個條件會被轉換成true/false
條件要麽成立,要麽不成立
成立為真 表示為true
不成立為假 表示為false
經過幾天的練習,我了解到只要是條件判斷,那麽用 if 語句就沒錯了,當條件不止一個時,那就要走 else 來執行了,當 else 也壓不住的話就得請else if ( 條件) 來判斷啦
ヾ(???ゞ)。
當然了,每學一個知識點,我們都要去用它去做一些東西來檢(增)驗(加)一(些)下(成)掌(就)握(感)程度(づ ̄3 ̄)づ╭?~ 最基礎的就是兩張圖片來回切換~
部分代碼如下:
<script> var btn = document.getElementById(‘btn‘) var img = document.getElement ById(‘img‘) var num = 1 btn.onclick = function (){ if (num == 1){ img.src = ‘../img/2.jpg‘ num = 2 }else if (num == 2){ img.src=‘../img/1.jpg‘ num = 1 } } </script>
很簡單對吧?下邊還有進階版的,多張圖片循環播放,按順序播放,部分如下(循環播放):
<script> var n = 1; // 記錄的是第一張 // "./imgs/"+n+".jpg" btn.onclick = function (){ n = n+1; // 讓n+1重新賦值給n // 圖片之後5張,當n加到了第6張,第6張圖片是不存在,需要讓n重新回到1 if(n == 6){ n = 1 } console.log(‘./imgs/‘+n+‘.jpg‘); img.src = ‘./imgs/‘+n+‘.jpg‘ } </script>
最核心的一點就是判斷圖片是否過界,即是否切換到了最後一張或者第一張,再對其進行賦值即可。順序播放的話可以通過判斷當到達邊界那一張時,使 n 得值定格在那一張即可。
js - if-else語句