जवाबों:
आप setTimeout
एक समान प्रभाव प्राप्त करने के लिए उपयोग कर सकते हैं :
var a = 1 + 3;
var b;
setTimeout(function() {
b = a + 4;
}, (3 * 1000));
यह वास्तव में 'नींद' जावास्क्रिप्ट नहीं है - यह सिर्फ setTimeout
एक निश्चित अवधि (मिलीसेकंड में निर्दिष्ट) के बाद पारित फ़ंक्शन को निष्पादित करता है । हालांकि जावास्क्रिप्ट के लिए एक नींद समारोह लिखना संभव है, setTimeout
अगर संभव हो तो इसका उपयोग करना सबसे अच्छा है क्योंकि यह नींद की अवधि के दौरान सब कुछ फ्रीज नहीं करता है।
मामले में आप वास्तव में sleep()
कुछ का परीक्षण करने के लिए एक की जरूरत है। लेकिन ध्यान रखें कि यह डीबगिन करते समय अधिकांश बार ब्राउज़र को क्रैश कर देगा - शायद इसीलिए आपको वैसे भी इसकी आवश्यकता है। प्रोडक्शन मोड में मैं इस फंक्शन को कमेंट करूँगा।
function pauseBrowser(millis) {
var date = Date.now();
var curDate = null;
do {
curDate = Date.now();
} while (curDate-date < millis);
}
new Date()
जब तक आप मेमोरी, प्रोसेसिंग पावर, बैटरी और संभवतः अपने डिवाइस के जीवनकाल को बर्बाद नहीं करना चाहते, तब तक लूप में उपयोग न करें ।
ECMAScript 6 संस्करण, "कोड अवरोधन" के लिए उपज के साथ जनरेटर का उपयोग:
क्योंकि मूल प्रश्न सात साल पहले पोस्ट किया गया था, मैंने सटीक कोड के साथ उत्तर देने की जहमत नहीं उठाई, क्योंकि यह बहुत आसान तरीका है और पहले से ही उत्तर दिया गया है। यदि आप कम से कम दो नींद की जरूरत है, या यदि आप अतुल्यकालिक निष्पादन के लिए योजना बना रहे हैं, तो इसे और अधिक जटिल समस्याओं में मदद करनी चाहिए। अपनी आवश्यकताओं को पूरा करने के लिए इसे संशोधित करने के लिए स्वतंत्र महसूस करें।
let sleeptime = 100
function* clock()
{
let i = 0
while( i <= 10000 )
{
i++
console.log(i); // actually, just do stuff you wanna do.
setTimeout(
()=>
{
clk.next()
}
, sleeptime
)
yield
}
}
let clk = clock()
clk.next()
आप प्रोमिस के माध्यम से भी घटनाओं की श्रृंखला बना सकते हैं :
function sleep(ms)
{
return(
new Promise(function(resolve, reject)
{
setTimeout(function() { resolve(); }, ms);
})
);
}
sleep(1000).then(function()
{
console.log('1')
sleep(1000).then(function()
{
console.log('2')
})
})
या बहुत सरल और कम फैंसी तरीका होगा
function sleep(ms, f)
{
return(
setTimeout(f, ms)
)
}
sleep(500, function()
{
console.log('1')
sleep(500, function()
{
console.log('2')
})
})
console.log('Event chain launched')
यदि आप कुछ होने की स्थिति का इंतजार कर रहे हैं तो आप इस तरह इंतजार कर सकते हैं
function waitTill(condition, thenDo)
{
if (eval(condition))
{
thenDo()
return
}
setTimeout(
() =>
{
waitTill(condition, thenDo)
}
,
1
)
}
x=0
waitTill(
'x>2 || x==1'
,
() =>
{
console.log("Conditions met!")
}
)
// Simulating the change
setTimeout(
() =>
{
x = 1
}
,
1000
)
नवीनतम सफ़ारी, फ़ायरफ़ॉक्स और Node.js भी अब async / प्रतीक्षा / वादों का समर्थन कर रहे हैं।
(1/2017 के अनुसार, क्रोम पर समर्थित है, लेकिन सफारी, इंटरनेट एक्सप्लोरर, फ़ायरफ़ॉक्स, नोड पर नहीं। Js)
'use strict';
function sleep(ms) {
return new Promise(res => setTimeout(res, ms));
}
let myAsyncFunc = async function() {
console.log('Sleeping');
await sleep(3000);
console.log('Done');
}
myAsyncFunc();
इस सवाल के पूछे जाने के बाद से जावास्क्रिप्ट विकसित हो गया है और अब इसमें जनरेटर फ़ंक्शन हैं, और नए async / wait / Promise को रोल आउट किया जा रहा है। नीचे दो समाधान हैं, एक जनरेटर फ़ंक्शन के साथ जो सभी आधुनिक ब्राउज़रों पर काम करेगा, और दूसरा, नए async / प्रतीक्षा का उपयोग करके जो अभी तक हर जगह समर्थित नहीं है।
'use strict';
let myAsync = (g) => (...args) => {
let f, res = () => f.next(),
sleep = (ms) => setTimeout(res, ms);
f = g.apply({sleep}, args); f.next();
};
let myAsyncFunc = myAsync(function*() {
let {sleep} = this;
console.log("Sleeping");
yield sleep(3000);
console.log("Done");
});
myAsyncFunc();
इस तथ्य पर ध्यान दें कि ये दोनों समाधान प्रकृति में अतुल्यकालिक हैं। इसका मतलब यह है कि माईसिंस्क्यून्क (दोनों मामलों में) सोते समय वापस आ जाएगा।
यह ध्यान रखना महत्वपूर्ण है कि यह प्रश्न नींद के जावास्क्रिप्ट संस्करण () से अलग है? जहां अनुरोधकर्ता कार्रवाई के बीच देरी के बजाय वास्तविक नींद (प्रक्रिया पर कोई अन्य कोड निष्पादन) नहीं मांग रहा है।
let co = gen => (...args) => { let iter = gen(...args); let resume = () => new Promise((resolve, reject) => { let result = iter.next(); if (result.done) resolve(result.value); else Promise.resolve(result.value).then(resume).then(resolve, reject); }); return resume(); };
आपको अपने दूसरे कोड ब्लॉक let asyncAdd = co(function* (a, b) { console.log('Sleeping'); yield sleep(3000); console.log('Done'); return a + b; }); asyncAdd(3, 4).then(console.log);
की परिभाषा का उपयोग करने देगा sleep()
।
आप कम से कम भद्दा कार्यों चाहते हैं setTimeout
और setInterval
, आप उन्हें कार्यों में लपेट कर सकते हैं कि सिर्फ बहस के क्रम को उल्टा करने के लिए और उन्हें अच्छा नाम दे:
function after(ms, fn){ setTimeout(fn, ms); }
function every(ms, fn){ setInterval(fn, ms); }
कॉफीस्क्रिप्ट संस्करण:
after = (ms, fn)-> setTimeout fn, ms
every = (ms, fn)-> setInterval fn, ms
फिर आप उन्हें अनाम कार्यों के साथ अच्छी तरह से उपयोग कर सकते हैं:
after(1000, function(){
console.log("it's been a second");
after(1000, function(){
console.log("it's been another second");
});
});
अब यह आसानी से "एन मिलीसेकंड के बाद, ..." (या "प्रत्येक एन मिलीसेकंड, ...") के रूप में आसानी से पढ़ता है
यह करने का एक और तरीका है प्रोमिस और सेटटाइमआउट का उपयोग करके (ध्यान दें कि आपको किसी फ़ंक्शन के अंदर होना चाहिए और इसे एसिंक्रोनस कीवर्ड के साथ एसिंक्रोनस के रूप में सेट करना है):
async yourAsynchronousFunction () {
var a = 1+3;
await new Promise( (resolve) => {
setTimeout( () => { resolve(); }, 3000);
}
var b = a + 4;
}
यहाँ यह करने के लिए एक बहुत ही सरल तरीका है कि एक तुल्यकालिक नींद / ठहराव की तरह 'महसूस' होता है, लेकिन कानूनी js async कोड है।
// Create a simple pause function
const pause = (timeoutMsec) => new Promise(resolve => setTimeout(resolve,timeoutMsec))
async function main () {
console.log('starting');
// Call with await to pause. Note that the main function is declared asyc
await pause(3*1000)
console.log('done');
}
आप सादे जावास्क्रिप्ट का उपयोग कर सकते हैं, यह आपके फ़ंक्शन / विधि को 5 सेकंड के बाद कॉल करेगा:
setTimeout(()=> { your_function(); }, 5000);
इस समस्या को हल करने के कई तरीके हैं। यदि हम setTimeout
फ़ंक्शन का उपयोग करते हैं, तो आइए इसे पहले जान लें।
यह समारोह : तीन पैरामीटर है function
या code
, delay
(मिलीसेकेंड में) और parameters
। चूंकि फ़ंक्शन या कोड पैरामीटर की आवश्यकता है, अन्य वैकल्पिक हैं। एक बार जब आपने देरी से प्रवेश नहीं किया , तो इसे शून्य पर सेट किया जाएगा।
setTimeout()
इस लिंक पर जाने के बारे में अधिक जानकारी के लिए ।
सरलीकृत संस्करण:
var a = 1 + 3;
var b;
console.log('a = ' + a);
setTimeout(function(){
b = a + 4;
console.log('b = ' + b);
}, 1000);
आउटपुट:
a = ४
२४ -> सक्रिय टाइमआउट की सूची की संख्या पहचानकर्ता
b = 24
पैरामीटर पास का उपयोग करना:
var a = 1 + 3;
var b;
console.log('a = ' + a);
setTimeout(myFunction, 1000, a);
function myFunction(a)
{
var b = a + 4;
console.log('b = ' + b);
}
आउटपुट:
a = ४
२५ -> सक्रिय टाइमआउट की सूची की संख्या पहचानकर्ता
b = 25
ब्राउज़र समर्थन:
क्रोम फ़ायरफ़ॉक्स एज सफारी ओपेरा 1.0 1.0 4.0 1.0 4.0
यह मेरा मॉडल है जो दिखाता है कि कैसे एक जनरेटर फ़ंक्शन (ES6) का उपयोग करके जावास्क्रिप्ट में "सो" या "DoEvents" किया जाता है। टिप्पणी कोड:
<html>
<head>
<script>
"use strict"; // always
// Based on post by www-0av-Com /programming/3143928
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function*
var divelt, time0, globaln = 0; // global variables
var MainGenObj = Main(); // generator object = generator function()
window.onload = function() {
divelt = document.getElementsByTagName("body")[0]; // for addline()
addline("typeof Main: " + typeof Main);
addline("typeof MainDriver: " + typeof MainDriver);
addline("typeof MainGenObj: " + typeof MainGenObj);
time0 = new Date().valueOf(); // starting time ms
MainDriver(); // do all parts of Main()
}
function* Main() { // this is "Main" -- generator function -- code goes here
// could be loops, or inline, like this:
addline("Part A, time: " + time() + ", " + ++globaln); // part A
yield 2000; // yield for 2000 ms (like sleep)
addline("Part B, time: " + time() + ", " + ++globaln); // part B
yield 3000; // yield for 3000 ms (or like DoEvents)
addline("Part Z, time: " + time() + ", " + ++globaln); // part Z (last part)
addline("End, time: " + time());
}
function MainDriver() { // this does all parts, with delays
var obj = MainGenObj.next(); // executes the next (or first) part of Main()
if (obj.done == false) { // if "yield"ed, this will be false
setTimeout(MainDriver, obj.value); // repeat after delay
}
}
function time() { // seconds from time0 to 3 decimal places
var ret = ((new Date().valueOf() - time0)/1000).toString();
if (ret.indexOf(".") == -1) ret += ".000";
while (ret.indexOf(".") >= ret.length-3) ret += "0";
return ret;
}
function addline(what) { // output
divelt.innerHTML += "<br />\n" + what;
}
</script>
</head>
<body>
<button onclick="alert('I\'m alive!');"> Hit me to see if I'm alive </button>
</body>
</html>
इस फ़ंक्शन का प्रयास करें:
const delay = (ms, cb) => setTimeout(cb, ms)
यहाँ आप इसका उपयोग कैसे करें:
console.log("Waiting for 5 seconds.")
delay(5000, function() {
console.log("Finished waiting for 5 seconds.")
})
या वादा करो शैली:
const delay = ms => new Promise(resolve => {
setTimeout(resolve, ms)
})
यहाँ एक डेमो है ।