如何在每分鐘重複一次div

這是我的代碼。這裏div在5秒後動畫並在5秒後隱藏。我需要每5秒重複一次。這意味着每隔5秒div就會動畫並在5秒後消失。如何在每分鐘重複一次div

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
</style> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
    </script>  
<script type="text/javascript" src="jquery.animate-colors.js"></script> 
<script type="text/javascript" src="jquery.animate-colors.min.js"></script> 
<script> 
$(window).load(function(){ 
    $('#div').delay(5000).fadeIn(function() { 

      $(this).text('Some other text!').css({'text-align':'center',}) 

    }); 

     $("#div").animate({ 

     left:'450px', 
      opacity:'0.5', 
      height:'250px', 
      width:'250px', 
     border:'3px solid', 
     borderColor: 'darkolivegreen', 
     backgroundColor: '#cccc' 
     }) 

    $('#div').delay(5000).fadeOut(); 

    }); 

</script> 
    </head> 
    <body> 

<div id="div" style="background:#98bf21;height:100px;width:100px;position:absolute;">Please login</div> 

    </body> 
    </html>

來源

2013-11-22 user2986106

我剛剛結束在「漸變」功能的代碼，然後在文檔加載，setInterval的運行每10秒。

<script> 

function fader() { 
    $('#div').delay(5000).fadeIn(function() { 
     $(this).text('Some other text!').css({'text-align':'center',}) 
    }); 

    $("#div").animate({ 
     left:'450px', 
     opacity:'0.5', 
     height:'250px', 
     width:'250px', 
     border:'3px solid', 
     borderColor: 'darkolivegreen', 
     backgroundColor: '#cccc' 
    }) 

    $('#div').delay(5000).fadeOut(); 

}; 


$(function() { 
    setInterval(fader,10000); 
}) 

</script>

來源

2013-11-22 05:17:05 Alex

但我需要在onload ... – user2986106

最後一部分該腳本將在加載時運行。 – Alex

你可以在JavaScript中使用setInterval（）方法。

摘要

，調用一個函數或反覆執行一個代碼段，用每次調用該函數之間的固定時間延遲。

MDN Documentation

來源

2013-11-22 05:02:08 drneel

我該如何在我的代碼中使用yse。你能幫我........ – user2986106

<div id="blinkText"></div> 

<script> 
// Takes text to blink and id of element to blink text in 
function blinkText(text, id) { 
    // Blink interval 
    setInterval(blinker, 5000); 

    // Flag to see what state text is in (true or false) 
    var flag = true; 

    // Number of times to blink text 
    var blinkNum = 10000; 
    var i = 1; 
//you can select whole div by ajax 
    var divID = document.getElementById(id); 

    function blinker() { 
     if (i < blinkNum) { 
      if (flag) { 
       divID.innerHTML = text; 
       flag = false; 
      } else { 
       divID.innerHTML = ""; 
       flag = true; 
      } 

      i++; 
     } else { 
      // Delete if it's still showing 
      divID.innerHTML = ""; 

      // Stop blinking 
      clearInterval(blinker); 
     } 
    } 
} 

blinkText("Hello World", "blinkText"); 
</script>

來源

2013-11-22 05:06:48 uhs

如果它的工作請求upvote .. – uhs

我如何使用這個在我的代碼.... – user2986106

如何在每分鐘重複一次div

回答

相關問題