如何停止在JavaScript上闪烁的边框？

Question

嗨，我希望你能帮助我解决这个问题..我如何让这段代码在3或4秒内停止？

setTimeout(function() { 
    setInterval(function() { 
     document.getElementById("my").style.borderColor = "red"; 
    }, 1000); 
}, 500); 

setInterval(function() { 
    document.getElementById("my").style.borderColor = "blue"; 
}, 1000); 

} 

Answer 1

使用window.clearInterval方法：

setTimeout(function() { 
    clearInterval(blueInterval); 
    clearInterval(redInterval); 
}, timeToBlink); 

小提琴演示：http://jsfiddle.net/neustroev_ai/gwt75cof/

Answer 2

var blinks=5; 
    var myBlink = setInterval(function() { blink(); },1000); 

    function blink() { 
     switch(document.getElementById("my").style.borderColor) 
     { 
       case("red"): 
        document.getElementById("my").style.borderColor = "blue"; 
        break; 
       default: 
       case("blue"): 
        document.getElementById("my").style.borderColor = "red"; 
        break; 
     } 
     blinks--; 
     if(blinks<=0) 
     { 
      clearInterval(myBlink); 
     } 
    } 

小提琴：http://jsfiddle.net/sp8h7orh/2/