मैं 2 बटन, 'STAY' और 'Leave' के साथ एक पृष्ठ बनाना चाहता हूं। बटन के नीचे एक आईफ्रेम है। जब पृष्ठ पहली बार लोड होता है, तो iFrame 10 सेकंड के बाद स्वचालित रूप से रीफ्रेश करना प्रारंभ होता है। जब उपयोगकर्ता STAY बटन हिट करता है, तो यह ताज़ा करना बंद कर देगा। इसके बाद यदि वह लाइव बटन हिट करता है तो iFrame फिर से 10 सेकेंड के बाद रीफ्रेश करना शुरू कर देगा।jQuery - स्पष्ट अंतराल के साथ इसे मारने के बाद सेट अंतराल को कैसे पुनरारंभ करें?
$(document).ready(function() {
var refreshIntervalId = setInterval("update()", 10000);
$('#leave').click(function() {
var refreshIntervalId = setInterval("update()", 10000);;
})
$('#stay').click(function() {
clearInterval(refreshIntervalId);
})
});
function update(){
var url = "load.php";
$('iframe#ifrm').attr('src', url);
}
<div id="bar">
<div class= "button" id="stay">
<a>Stay</a>
</div>
<div class= "button" id="leave">
<a>Leave</a>
</div>
</div>
लेकिन यह काम नहीं करता, मैं गलत तरीके से clearInterval उपयोग कर रहा हूँ: मैं इस कोड का उपयोग कर रहा हूँ?
क्या स्पष्ट अंतराल वास्तव में करता है? –
यह अंतराल टाइमर बंद करता है। 'SetInterval' एक अंतराल टाइमर शुरू करता है जो हर 10 सेकंड में 'अपडेट' फ़ंक्शन को कॉल करता है। 'ClearInterval' कॉल उस टाइमर को रोकता है। – rcravens
इसलिए यदि हम 4 सेकंड पर clearInterval को कॉल करते हैं, तो क्या उन 6 सेकेंड का उपयोग अगली बार सेट इंटरवल फ़ंक्शन को फिर से कहा जाएगा? –