जावास्क्रिप्ट समय की घटनाएँ
1
2
3
4
5
6
7
8
9
10
1 1
12
|
जावास्क्रिप्ट को समय-अंतराल में निष्पादित किया जा सकता है। इसे टाइमिंग इवेंट कहा जाता है। |
समय की घटनाएं
window
ऑब्जेक्ट निर्दिष्ट समय अंतराल पर कोड के निष्पादन की अनुमति देता है ।
इन समय अंतरालों को समय की घटनाएँ कहा जाता है।
जावास्क्रिप्ट के साथ प्रयोग करने की दो प्रमुख विधियाँ हैं:
setTimeout(function, milliseconds
)
एक निर्दिष्ट संख्या में मिलीसेकंड प्रतीक्षा करने के बाद, एक फ़ंक्शन निष्पादित करता है।setInterval(function, milliseconds
)
सेटटाइमआउट () के समान, लेकिन फ़ंक्शन के निष्पादन को लगातार दोहराता है।
और HTML DOM Window ऑब्जेक्ट setTimeout()
के setInterval()
दोनों तरीके हैं।
सेटटाइमआउट () विधि
window.setTimeout(function, milliseconds);
विधि को window.setTimeout()
विंडो उपसर्ग के बिना लिखा जा सकता है।
पहला पैरामीटर एक फ़ंक्शन है जिसे निष्पादित किया जाना है।
दूसरा पैरामीटर निष्पादन से पहले मिलीसेकंड की संख्या को इंगित करता है।
उदाहरण
एक बटन क्लिक करें। 3 सेकंड प्रतीक्षा करें, और पेज "हैलो" को अलर्ट करेगा:
<button onclick="setTimeout(myFunction, 3000)">Try it</button>
<script>
function myFunction() {
alert('Hello');
}
</script>
निष्पादन को कैसे रोकें?
clearTimeout()
विधि सेटटाइमआउट () में निर्दिष्ट फ़ंक्शन के निष्पादन को रोकती है ।
window.clearTimeout(timeoutVariable)
विधि को window.clearTimeout()
विंडो उपसर्ग के बिना लिखा जा सकता है।
clearTimeout()
विधि से लौटाए गए चर का उपयोग करती है setTimeout()
:
myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);
clearTimeout()
यदि फ़ंक्शन पहले से निष्पादित नहीं हुआ है, तो आप विधि को कॉल करके निष्पादन को रोक सकते हैं :
उदाहरण
ऊपर जैसा ही उदाहरण है, लेकिन एक अतिरिक्त "रोकें" बटन के साथ:
<button onclick="myVar = setTimeout(myFunction, 3000)">Try it</button>
<button onclick="clearTimeout(myVar)">Stop it</button>
सेटइंटरवल () विधि
विधि प्रत्येक setInterval()
दिए गए समय-अंतराल पर किसी दिए गए फ़ंक्शन को दोहराती है।
window.setInterval(function, milliseconds);
विधि को window.setInterval()
विंडो उपसर्ग के बिना लिखा जा सकता है।
पहला पैरामीटर निष्पादित किया जाने वाला फ़ंक्शन है।
दूसरा पैरामीटर प्रत्येक निष्पादन के बीच समय-अंतराल की लंबाई को इंगित करता है।
यह उदाहरण हर सेकेंड (डिजिटल घड़ी की तरह) में एक बार "माईटाइमर" नामक फ़ंक्शन निष्पादित करता है।
उदाहरण
वर्तमान समय प्रदर्शित करें:
setInterval(myTimer, 1000);
function myTimer() {
const d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
एक सेकंड में 1000 मिलीसेकंड होते हैं।
निष्पादन को कैसे रोकें?
clearInterval()
विधि सेटइंटरवल () विधि में निर्दिष्ट फ़ंक्शन के निष्पादन को रोकती है ।
window.clearInterval(timerVariable)
विधि को window.clearInterval()
विंडो उपसर्ग के बिना लिखा जा सकता है।
clearInterval()
विधि से लौटाए गए चर का उपयोग करती है setInterval()
:
let myVar = setInterval(function, milliseconds);
clearInterval(myVar);
उदाहरण
ऊपर जैसा ही उदाहरण है, लेकिन हमने "स्टॉप टाइम" बटन जोड़ा है:
<p id="demo"></p>
<button onclick="clearInterval(myVar)">Stop time</button>
<script>
let myVar = setInterval(myTimer, 1000);
function myTimer() {
const d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>