blocks|key|270176|text|setTimeout(function(){


},+500);+|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|270177|将您的代码放在{+}中|unstyled|offset|length|style|CODE|270178|500+=+0.5秒|270179|2200+=+2.2秒|270180|等。|270181|entityMap^0|0|7|3|0|0|3|0|0|4|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|T|8|@$G|U|H|V|I|J]]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@$G|X|H|Y|I|J]]|9|@]|A|$]]|$1|M|3|N|5|F|7|Z|8|@$G|10|H|11|I|J]]|9|@]|A|$]]|$1|O|3|P|5|F|7|12|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|F|7|13|8|@]|9|@]|A|$]]]|R|$]]

<pre><code>setTimeout(function(){


}, 500); 
</code></pre>

Place your code inside of the <code>{ }</code>

<code>500</code> = 0.5 seconds

<code>2200</code> = 2.2 seconds

etc.

blocks|key|270327|text|对于同步呼叫，您可以使用以下方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|270328|function+sleep(milliseconds)+{
++var+start+=+new+Date().getTime();
++for+(var+i+=+0;+i+<+1e7;+i%2B%2B)+{
++++if+((new+Date().getTime()+-+start)+>+milliseconds){
++++++break;
++++}
++}
}|code-block|syntax|javascript|270329|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

For sync calls you can use the method below:

<pre><code>function sleep(milliseconds) {
 var start = new Date().getTime();
 for (var i = 0; i &lt; 1e7; i++) {
 if ((new Date().getTime() - start) &gt; milliseconds){
 break;
 }
 }
}
</code></pre>

blocks|key|270364|text|您可以使用promise|type|unstyled|depth|inlineStyleRanges|entityRanges|data|270365|function+sleep(ms)+{
++return+new+Promise(resolve+=>+setTimeout(resolve,+ms));
}|code-block|syntax|javascript|270366|然后使用此方法|270367|console.log("Hello");
sleep(2000).then(()+=>+{+console.log("World!");+});|270368|或|270369|console.log("Hello");
await+sleep(2000);
console.log("World!");|270370|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

you can use the promise
<pre><code>function sleep(ms) {
 return new Promise(resolve =&gt; setTimeout(resolve, ms));
}
</code></pre>
then use this method
<pre><code>console.log(&quot;Hello&quot;);
sleep(2000).then(() =&gt; { console.log(&quot;World!&quot;); });
</code></pre>
or
<pre><code>console.log(&quot;Hello&quot;);
await sleep(2000);
console.log(&quot;World!&quot;);
</code></pre>

blocks|key|270189|text|如果您需要刷新，这是另一种可能性：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|270190|setTimeout(function+()+{+
++++$("#jsSegurosProductos").jsGrid("refresh");+
},+1000);|code-block|syntax|javascript|270191|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you need refresh, this is another posibility: 

<pre><code>setTimeout(function () { 
 $("#jsSegurosProductos").jsGrid("refresh"); 
}, 1000);
</code></pre>

blocks|key|53820|text|我会给出我的输入，因为它可以帮助我理解我在做什么。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53821|为了制作一个等待时间为3秒的自动滚动幻灯片，我做了以下操作：|53822|var+isPlaying+=+true;

function+autoPlay(playing){
+++var+delayTime+=+3000;
+++var+timeIncrement+=+3000;

+++if(playing){
++++++++for(var+i=0;+i<6;+i%2B%2B){//I+have+6+images
++++++++++++setTimeout(nextImage,+delayTime);
++++++++++++delayTime+%2B=+timeIncrement;
++++++++}
++++++++isPlaying+=+false;

+++}else{
+++++++alert("auto+play+off");
+++}
}

autoPlay(isPlaying);|code-block|syntax|javascript|53823|请记住，当像这样执行setTimeout()时，它将执行所有超时函数，就好像它们是同时执行的一样，假设在setTimeout(nextImage，delayTime)中，延迟时间是静态的3000毫秒。|53824|为了解决这个问题，我通过delayTime+%2B=+timeIncrement;在每个for循环增量之后添加了额外的3000毫秒。|offset|length|style|CODE|53825|对于那些关心这里的人来说，这里是我的nextImage()的样子：|53826|function+nextImage(){
++++if(currentImg+===+1){//change+to+img+2
++++++++for(var+i=0;+i<6;+i%2B%2B){
++++++++++++images[i].style.zIndex+=+"0";
++++++++}
++++++++images[1].style.zIndex+=+"1";
++++++++imgNumber.innerHTML+=+imageNumber_Text[1];
++++++++imgDescription.innerHTML+=+imgDescText[1];

++++++++currentImg+=+2;
++++}
++++else+if(currentImg+===+2){//change+to+img+3
++++++++for(var+i=0;+i<6;+i%2B%2B){
++++++++++++images[i].style.zIndex+=+"0";
++++++++}
++++++++images[2].style.zIndex+=+"1";
++++++++imgNumber.innerHTML+=+imageNumber_Text[2];
++++++++imgDescription.innerHTML+=+imgDescText[2];

++++++++currentImg+=+3;
++++}
++++else+if(currentImg+===+3){//change+to+img+4
++++++++for(var+i=0;+i<6;+i%2B%2B){
++++++++++++images[i].style.zIndex+=+"0";
++++++++}
++++++++images[3].style.zIndex+=+"1";
++++++++imgNumber.innerHTML+=+imageNumber_Text[3];
++++++++imgDescription.innerHTML+=+imgDescText[3];

++++++++currentImg+=+4;
++++}
++++else+if(currentImg+===+4){//change+to+img+5
++++++++for(var+i=0;+i<6;+i%2B%2B){
++++++++++++images[i].style.zIndex+=+"0";
++++++++}
++++++++images[4].style.zIndex+=+"1";
++++++++imgNumber.innerHTML+=+imageNumber_Text[4];
++++++++imgDescription.innerHTML+=+imgDescText[4];

++++++++currentImg+=+5;
++++}
++++else+if(currentImg+===+5){//change+to+img+6
++++for(var+i=0;+i<6;+i%2B%2B){
++++++++++++images[i].style.zIndex+=+"0";
++++++++}
++++++++images[5].style.zIndex+=+"1";
++++++++imgNumber.innerHTML+=+imageNumber_Text[5];
++++++++imgDescription.innerHTML+=+imgDescText[5];

++++++++currentImg+=+6;
++++}
++++else+if(currentImg+===+6){//change+to+img+1
++++++++for(var+i=0;+i<6;+i%2B%2B){
++++++++++++images[i].style.zIndex+=+"0";
++++++++}
++++++++images[0].style.zIndex+=+"1";
++++++++imgNumber.innerHTML+=+imageNumber_Text[0];
++++++++imgDescription.innerHTML+=+imgDescText[0];

++++++++currentImg+=+1;
++++}
}|53827|entityMap^0|0|0|0|0|C|R|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|10|8|@$M|11|N|12|O|P]]|9|@]|A|$]]|$1|Q|3|R|5|6|7|13|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

I'll give my input because it helps me understand what im doing.

To make an auto scrolling slide show that has a 3 second wait I did the following:

<pre><code>var isPlaying = true;

function autoPlay(playing){
 var delayTime = 3000;
 var timeIncrement = 3000;

 if(playing){
 for(var i=0; i&lt;6; i++){//I have 6 images
 setTimeout(nextImage, delayTime);
 delayTime += timeIncrement;
 }
 isPlaying = false;

 }else{
 alert("auto play off");
 }
}

autoPlay(isPlaying);
</code></pre>

Remember that when executing setTimeout() like this; it will execute all time out functions as if they where executed at the same time assuming that in setTimeout(nextImage, delayTime);delay time is a static 3000 milliseconds.

What I did to account for this was add an extra 3000 milli/s after each for loop incrementation via <code>delayTime += timeIncrement;</code>. 

For those who care here is what my nextImage() looks like:

<pre><code>function nextImage(){
 if(currentImg === 1){//change to img 2
 for(var i=0; i&lt;6; i++){
 images[i].style.zIndex = "0";
 }
 images[1].style.zIndex = "1";
 imgNumber.innerHTML = imageNumber_Text[1];
 imgDescription.innerHTML = imgDescText[1];

 currentImg = 2;
 }
 else if(currentImg === 2){//change to img 3
 for(var i=0; i&lt;6; i++){
 images[i].style.zIndex = "0";
 }
 images[2].style.zIndex = "1";
 imgNumber.innerHTML = imageNumber_Text[2];
 imgDescription.innerHTML = imgDescText[2];

 currentImg = 3;
 }
 else if(currentImg === 3){//change to img 4
 for(var i=0; i&lt;6; i++){
 images[i].style.zIndex = "0";
 }
 images[3].style.zIndex = "1";
 imgNumber.innerHTML = imageNumber_Text[3];
 imgDescription.innerHTML = imgDescText[3];

 currentImg = 4;
 }
 else if(currentImg === 4){//change to img 5
 for(var i=0; i&lt;6; i++){
 images[i].style.zIndex = "0";
 }
 images[4].style.zIndex = "1";
 imgNumber.innerHTML = imageNumber_Text[4];
 imgDescription.innerHTML = imgDescText[4];

 currentImg = 5;
 }
 else if(currentImg === 5){//change to img 6
 for(var i=0; i&lt;6; i++){
 images[i].style.zIndex = "0";
 }
 images[5].style.zIndex = "1";
 imgNumber.innerHTML = imageNumber_Text[5];
 imgDescription.innerHTML = imgDescText[5];

 currentImg = 6;
 }
 else if(currentImg === 6){//change to img 1
 for(var i=0; i&lt;6; i++){
 images[i].style.zIndex = "0";
 }
 images[0].style.zIndex = "1";
 imgNumber.innerHTML = imageNumber_Text[0];
 imgDescription.innerHTML = imgDescText[0];

 currentImg = 1;
 }
}
</code></pre>

blocks|key|53871|text|以下是我为解决这个问题所做的工作。我同意这是因为时间问题，需要暂停来执行代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53872|var+delayInMilliseconds+=+1000;+
setTimeout(function()+{
+//add+your+code+here+to+execute
+},+delayInMilliseconds);|code-block|syntax|javascript|53873|这段新代码将暂停1秒，同时运行您的代码。|53874|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Here is what I am doing to solve this issue. I agree this is because of the timing issue and needed a pause to execute the code.

<pre><code>var delayInMilliseconds = 1000; 
setTimeout(function() {
 //add your code here to execute
 }, delayInMilliseconds);
</code></pre>

This new code will pause it for 1 second and meanwhile run your code.

I have this a piece of js in my website to switch images but need a delay when you click the image a second time. The delay should be 1000ms. So you would click the img.jpg then the img_onclick.jpg would appear. You would then click the img_onclick.jpg image there should then be a delay of 1000ms before the img.jpg is shown again. 

Here is the code:

<pre><code>jQuery(document).ready(function($) {

 $(".toggle-container").hide();
 $(".trigger").toggle(function () {
 $(this).addClass("active");
 $(".trigger").find('img').prop('src', 'http://localhost:8888/images/img_onclick.jpg');
 }, function () {
 $(this).removeClass("active");
 $(".trigger").find('img').prop('src', 'http://localhost:8888/images/img.jpg');
 });
 $(".trigger").click(function () {
 $(this).next(".toggle-container").slideToggle();
 });
});
</code></pre>

How to set time delay in javascript

我在我的网站上有这一块js来交换图像，但需要一个延迟，当你点击图像的第二次。延迟应为1000ms。因此，您可以单击img.jpg，然后就会出现img_onclick.jpg。然后单击img_onclick.jpg图像，在再次显示img.jpg之前应该会有1000ms的延迟。代码如下：jQuery(document).ready(function($) {    $(".toggle-contain

问如何在javascript中设置时间延迟
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在javascript中设置时间延迟EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在javascript中设置时间延迟
EN