Exemple de code de minuterie Javascript

var timeoutId = window.setTimeout(func[, delay, param1, param2, ...]);
var timeoutId = window.setTimeout(code[, delay]);

var intervalId = window.setInterval(func, delay[, param1, param2, ...]);
var intervalId = window.setInterval(code, delay);

var immediateId = setImmediate(func[, param1, param2, ...]);
var immediateId = setImmediate(func);

var requestId = window.requestAnimationFrame(func);

// 下面代码执行之后会输出什么？
var intervalId, timeoutId;

timeoutId = setTimeout(function () {
    console.log(1);
}, 300);

setTimeout(function () {
    clearTimeout(timeoutId);
    console.log(2);
}, 100);

setTimeout('console.log("5")', 400);

intervalId = setInterval(function () {
    console.log(4);
    clearInterval(intervalId);
}, 200);

// 分别输出: 2、4、5

// 执行在面的代码块会输出什么？
setTimeout(function () {
    console.log('timeout');
}, 1000);

setInterval(function () {
    console.log('interval')
}, 1000);

// 输出一次 timeout，每隔1S输出一次 interval

/*--------------------------------*/

// 通过setTimeout模拟setInterval 和 setInterval有啥区别么？
var callback = function () {
    if (times++ > max) {
        clearTimeout(timeoutId);
        clearInterval(intervalId);
    }

    console.log('start', Date.now() - start);
    for (var i = 0; i <p>S'il s'agit de <code>setTimeout</code> et <code>setInterval</code>, ils ne diffèrent que par le nombre d'exécutions, <code>setTimeout</code> une fois et <code>setInterval</code>n fois. </p><p>La différence entre <code>setTimeout</code> et <code>setInterval</code> simulés par <code>setInterval</code> est que : <code>setTimeout</code> n'appellera le minuteur suivant <strong> qu'une fois le rappel </strong> terminé, tandis que <code>setInterval</code> peu importe de l'état d'exécution de la fonction de rappel, lorsque <strong> atteint l'heure spécifiée, un événement </strong> qui exécute le rappel sera inséré dans la file d'attente des événements, vous devez donc prendre en compte cette fonctionnalité de <code>setInterval</code> lors du choix de la minuterie méthode. Cela aura-t-il un impact sur votre code d’entreprise ? Qui est le plus rapide, </p>

console.time('immediate');
console.time('timeout');

setImmediate(() => {
    console.timeEnd('immediate');
});

setTimeout(() => {
    console.timeEnd('timeout');
}, 0);

// 题目一
var t = true;
 
setTimeout(function(){
    t = false;
}, 1000);
 
while(t){}
 
alert('end');

/*--------------------------------*/

// 题目二
for (var i = 0; i <p><strong><em>Les réponses aux questions recevront une réponse plus tard</em></strong></p><h2>3. Le principe de fonctionnement de la minuterie JS </h2><p> Dans l'explication ci-dessus Avant de répondre à la question, comprenons d'abord comment fonctionne la minuterie. Ici, nous utiliserons un exemple de Comment fonctionnent les minuteries JavaScript pour expliquer le principe de fonctionnement de la minuterie. Cette image est une version simple du diagramme schématique. </p><p><img src="https://img.php.cn/upload/article/000/000/013/14c7285aa427c9064d4fe8d1ea51338d-0.png"    style="max-width:90%"  style="max-width:90%" title="Exemple de code de minuterie Javascript" alt="Exemple de code de minuterie Javascript"></p><p>Dans l'image ci-dessus, le nombre de gauche représente le temps en millisecondes ; le texte de gauche représente qu'une fois une opération terminée, le navigateur demandera ce qu'il y a dedans. la file d'attente actuelle en attente d'exécution. L'opération ; le carré bleu représente le bloc de code en cours d'exécution ; le texte à droite représente les événements asynchrones qui se produisent pendant l'exécution du code. Le déroulement général de la figure est le suivant : </p>

var obj = {
    msg: 'obj',
    shout: function () {
        alert(this.msg);
    },
    waitAndShout: function() {
        var self = this; // 这里将this赋给一个变量
        setTimeout(function () {
            self.shout();
        }, 0);    
    }
};
obj.waitAndShout();