1分鐘後停止setTimeout。循環

如何在1分鐘後停止setTimeout。它繼續因爲循環.TIA1分鐘後停止setTimeout。循環

<script type="text/javascript">  
var image1 = new Image() 
image1.src = "images/slide1.jpg" 
var image2 = new Image() 
image2.src = "images/slide2.jpg" 
</script> 
<body> 
<p><img src="images/pentagg.jpg" width="500" height="300" name="slide" /></p> 
<script type="text/javascript"> 
    var step=1; 
    function slideit() 
    { 
     document.images.slide.src = eval("image"+step+".src"); 
     if(step<2) 
      step++; 
     else 
      step=1; 
     setTimeout("slideit()",2500); 
    } 
    slideit(); 
</script>

我嘗試了很多東西，但我仍然無法解決這個問題。我會感謝任何幫助。感謝

來源

2015-08-21 user3926729

嘗試一個名爲setTimeout：

var image1 = new Image(); 
 
image1.src = "images/slide1.jpg"; 
 
var image2 = new Image(); 
 
image2.src = "images/slide2.jpg"; 
 

 
var step = 1, timer; // declare here 
 

 
function slideit() { 
 
    
 
    if(timer){ // check if there is any timeout been set 
 
    setTimeout(function(){ 
 
     clearTimeout(timer); // clear the timer here 
 
    },5000); // change it to 60*1000 for 1 min == 60 sec == 60000 ms 
 
    } 
 
    
 
    document.images.slide.src = eval("image" + step + ".src"); 
 
    if (step < 2) 
 
    step++; 
 
    else 
 
    step = 1; 
 
    timer = setTimeout("slideit()", 500); // assign a timer here 
 
} 
 
slideit();

<p> 
 
    <img src="images/pentagg.jpg" width="500" height="300" name="slide" /> 
 
</p>

來源

2015-08-21 10:47:19 Jai

謝謝。：-）得到它了！ – user3926729

@ user3926729很高興這是一個幫助，並歡迎您 – Jai

再次。 :-)如何添加我的圖像使用一個簡單的淡入淡出和/或淡出我對J/S新@ J @ – user3926729

嘗試這樣

setTimeout(function(){ 
    slideit(); 
},2500);

來源

2015-08-21 10:38:17

您可以使用計時器像

var imgs = ['//placehold.it/500X300&text=1', '//placehold.it/500X300&text=2'], 
 
    idx = 0, 
 
    start = new Date(); 
 

 
function slideit() { 
 
    document.images.slide.src = imgs[idx++]; 
 
    if (idx >= imgs.length) { 
 
    idx = 0; 
 
    } 
 

 
    if (new Date().getTime() - start.getTime() > 10000) { 
 
    clearTimeout(interval) 
 
    } 
 
} 
 
var interval = setInterval(slideit, 2500); 
 
slideit();

<p> 
 
    <img src="images/pentagg.jpg" width="500" height="300" name="slide" /> 
 
</p>

來源

2015-08-21 10:43:35

1分鐘後停止setTimeout。循環

回答

相關問題