的javascript：对某些时候

问题描述：

<html> 
<head> 
<script type="text/javascript"> 
    var paths = ['assets/img/head.png','assets/img/tail.png']; 
    var curPic = 1; 
    var imgO = new Array(); 
    for(i=0; i < paths.length; i++) { 
     imgO[i] = new Image(); 
     imgO[i].src = paths[i]; 
    } 

    function swapImage() { 
     curPic = (++curPic > paths.length-1)? 0 : curPic; 
     imgCont.src = imgO[curPic].src; 
     setTimeout(swapImage,200); 
    } 

    window.onload=function() { 
     imgCont = document.getElementById('img'); 
     swapImage(); 
    } 
</script> 

</head> 
<body> 
<div> 
    <img id="img"/> 
</div> 
</body> 
</html>

这repeate改变为无限时的照片，但我怎么改变这一点，它重复了如只有5次？

答

只需使用跟踪器变量。

var to, times = 0; //<-- init the tracker, and a var for the timeout 
function swapImage() { 
    if (times == 5) { 
     clearTimeout(to); //<-- if already 5 times, cancel timeout and... 
     return;   //<-- ...quit 
    } 
    curPic = (++curPic > paths.length-1)? 0 : curPic; 
    imgCont.src = imgO[curPic].src; 
    to = setTimeout(swapImage,200); //<-- make the TO accessible via our var 
    times++; 
}

谢谢，但它不会停止5次后：/我将您的行添加到我的脚本 – Sarius

糟糕，请参阅编辑。 – Utkanos

的javascript：对某些时候

相关推荐