Rewrite this ajax code?

Question

I do have a ajax code will work on a click of button. but I need it should automatically load function in between every 10 seconds. how can I rewrite below code??

<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>

Answer 1

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

This will call $("#quote p").load("script.php") (or more accurately, the anonymous function that contains this call) every 10 seconds (the second argument to setInterval is specified in milliseconds).

Answer 2

You should be able to do this:

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

Which will load script.php every 10 seconds into $('#quote p') .

Rewrite this ajax code?

Question

2 answers

solution1
4 ACCPTED 2011-05-25 22:39:13

solution2
1 2011-05-25 22:39:48

Rewrite this ajax code?

Question

2 answers

solution1 4 ACCPTED 2011-05-25 22:39:13

solution2 1 2011-05-25 22:39:48

solution1
4 ACCPTED 2011-05-25 22:39:13

solution2
1 2011-05-25 22:39:48