2011-05-25 69 views
3

我有一個ajax代碼將單擊按鈕上工作。但我需要它應該在每10秒鐘之間自動加載函數。我如何重寫下面的代碼?重寫這個ajax代碼?

<html> 
<head> 
    <title>Ajax with jQuery Example</title> 
    <script type="text/JavaScript" src="jquery.js"></script> 
    <script type="text/JavaScript"> 
    $(document).ready(function(){ 
    $("#generate").click(function(){ 
     $("#quote p").load("script.php"); 
    }); 
    }); 
    </script> 
<style type="text/css"> 
    #wrapper { 
     width: 240px; 
     height: 80px; 
     margin: auto; 
     padding: 10px; 
     margin-top: 10px; 
     border: 1px solid black; 
     text-align: center; 
    } 
    </style> 
</head> 
<body> 
    <div id="wrapper"> 
    <div id="quote"><p> </p></div> 
    <input type="submit" id="generate" value="Generate!"> 
    </div> 
</body> 
</html> 

回答

4
$(document).ready(function(){ 
    setInterval(function(){ 
    $("#quote p").load("script.php"); 
    }, 10000); 
}); 

這將調用$("#quote p").load("script.php")(或者更準確地說,一個包含該呼叫的匿名功能)每10秒(到setInterval第二個參數的單位是毫秒)。

+0

非常感謝...並通過剛剛開箱的問題..你來自喀拉拉邦? – 2011-05-25 22:43:21

+0

@john是的,我是:)這是我的姓,它給了它? – 2011-05-25 22:43:56

+0

是的,因爲我太..哈哈,所以這個名字似乎很熟悉...... – 2011-05-25 22:45:49

1

你應該能夠做到這一點:

setInterval(function() { 
    $("#quote p").load("script.php"); 
}, 10000); 

這將每10秒加載到script.php的$('#quote p')