在函数中添加多个条件

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}); 
    } 
};