Maison  >  Article  >  interface Web  >  Comment implémenter la fonction pause javascript

Comment implémenter la fonction pause javascript

王林
王林original
2021-10-26 15:49:394060parcourir

Méthode pour implémenter la fonction de pause javascript : [function sleep(obj,iMinSecond){ if (window.eventList==null) window.eventList=new Array();

Comment implémenter la fonction pause javascript

L'environnement d'exploitation de cet article : système windows10, javascript 1.8.5, ordinateur thinkpad t480.

Nous savons que javascript lui-même n'a pas de fonction pause (le sommeil ne peut pas être utilisé) et que vbscript ne peut pas utiliser doEvents, je prévois donc d'écrire une fonction pause par moi-même.

Conseils : JavaScript est un langage objet faible et une fonction peut également être utilisée comme objet.

Par exemple :

function Test(){
 alert("hellow");
 this.NextStep=function(){
 alert("NextStep");
 }
}

Nous pouvons l'appeler ainsi :

var myTest=new Test();myTest.NextStep();

Lorsque nous faisons une pause, nous pouvons diviser une fonction en deux parties. La fonction avant l'opération de pause reste inchangée et le code à exécuter après la pause est. placé dans this.NextStep .

Afin de contrôler la pause et la reprise, nous devons écrire deux fonctions pour implémenter respectivement les fonctions pause et reprise.

La fonction pause est la suivante :

<script language="javascript"> 
  function sleep(obj,iMinSecond){ 
   if (window.eventList==null) window.eventList=new Array(); 
   var ind=-1; 
   for (var i=0;i<window.eventList.length;i++){ 
    if (window.eventList[i]==null) { 
     window.eventList[i]=obj; 
     ind=i; 
     break; 
    } 
   } 
   
   if (ind==-1){ 
    ind=window.eventList.length; 
    window.eventList[ind]=obj; 
   } 
 
   setTimeout("goon(" + ind + ")",iMinSecond); 
  } 
  /* 
  该函数把要暂停的函数放到数组window.eventList里,同时通过setTimeout来调用继续函数。 
  继续函数如下: 
  */ 
 
  function goon(ind){ 
   var obj=window.eventList[ind]; 
   window.eventList[ind]=null; 
   if (obj.NextStep) obj.NextStep(); 
   else obj(); 
  } 
  /* 
  该函数调用被暂停的函数的NextStep方法,如果没有这个方法则重新调用该函数。 
   
  函数编写完毕,我们可以作如下: 
  */ 
  function Test(){ 
   alert("hellow"); 
   sleep(this,3000);//调用暂停函数 
   this.NextStep=function(){ 
   alert("NextStep"); 
   } 
  } 
Test(); 
  </script>

Apprentissage recommandé : Tutoriel vidéo javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn