的javascript：對某些時候

圖像變化，我發現這個腳本：的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次？

來源

2017-05-28 Sarius

只需使用跟蹤器變量。

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

來源

2017-05-28 18:32:16 Utkanos

謝謝，但它不會停止5次後：/我將您的行添加到我的腳本 – Sarius

糟糕，請參閱編輯。 – Utkanos

的javascript：對某些時候

回答

相關問題