/    Sign up×
Community /Pin to ProfileBookmark

load ajax content and refresh "x" times

Copy linkTweet thisAlerts:
Mar 04.2011

Hello,

I have the following javascript code (based on jquery)

[CODE]
<script type=”text/javascript”>
$(document).ready(function() {
$(“#recom”).load(“/recom.php”);
var refreshId = setInterval(function() {
$(“#recom”).load(‘/recom.php?randval=’+ Math.random());
}, 9500);
});
</script>
[/CODE]

On page load it gets content from “recom.php” then it refreshes the content every 9500 milliseconds into an element with the id “recom”.

How can this code be modified so that it will refresh the content only “x” times? (in my google searches I found that clearInterval should cancel the refresh but I couldn’t make it work)

Thank you.

to post a comment
JavaScript

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@KorMar 04.2011 — Could be something like:
<i>
</i>$(document).ready(function() {
$("#recom").load("/recom.php");
[COLOR="Blue"]var x=0, limit=10;[/COLOR]
var refreshId = setInterval(function() { <br/>
$("#recom").load('/recom.php?randval='+ Math.random());
[COLOR="Blue"] x++;
x==limit?clearInterval(refreshId):null;[/COLOR]
}, 9500);
});
Copy linkTweet thisAlerts:
@jakauthorMar 04.2011 — Thank you very much for your help! It works perfectly!
×

Success!

Help @jak spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...