在函數中添加多個條件

Question

我想在1函數中添加2個條件，但我遇到了一些問題。我正在使用的代碼是

var timeCheck = function(){ 
    var timePos = videoBGPlayer.currentTime; 
    if (timePos > 1){ 
     TweenLite.to(videoBGPlayer, 3, { marginTop: -130}); 
     videoBGPlayer.removeEventListener('timeupdate', timeCheck, false); 
    } 
}; 

我想實現的是，當視頻timePos爲1視頻向上移動，並在視頻timePos是7返回到原來的位置。

任何幫助，將不勝感激

Answer 1

首先檢查是否timePos比7多，只比如果它超過1

var timeCheck = function(){ 
    var timePos = videoBGPlayer.currentTime; 

    if (timePos >= 7) { 
     // move to origin position 
    } else if (timePos > 1){ 
     TweenLite.to(videoBGPlayer, 3, { marginTop: -130}); 
     videoBGPlayer.removeEventListener('timeupdate', timeCheck, false); 
    } 
}; 

Answer 2

您可以使用多個條件像

var timeCheck = function(){ 
    var timePos = videoBGPlayer.currentTime; 
    if (timePos < 7){ 
    TweenLite.to(videoBGPlayer , 3 , { marginTop: -130 } ); 
    videoBGPlayer.removeEventListener('timeupdate',timeCheck,false); 
    } 
    else if (timePos == 7) { 
    //go back to original position. 
    } 
}; 

Answer 3

簡單的if/else if邏輯。

if (timePos == 1){ 
    TweenLite.to(videoBGPlayer, 3, { marginTop: -130}); 
    videoBGPlayer.removeEventListener('timeupdate', timeCheck, false); 
} 
else if(timePos == 7){ 
    //Move video down 
} 

你說當視頻的timePos爲1比1時，如果你把它像這樣：

if (timePos > 1){ 

控制不會到達else if因爲7比1，因此如果可能的話使用等於運算符

Answer 4

像這樣的東西？

var timeCheck = function(){ 
    var timePos = videoBGPlayer.currentTime; 
    if (timePos >= 1 && timePos < 7){ 
     TweenLite.to(videoBGPlayer, 3, { marginTop: -130}); 
     videoBGPlayer.removeEventListener('timeupdate', timeCheck, false); 
    }else if(timePos >= 7){ 
     TweenLite.to(videoBGPlayer, 3, { marginTop: 0}); 
    } 
};