javascriptタイマーは遅い点呼/抽選の効果をします.

What

1.WindowオブジェクトのsetTimeOut()&setIntervalは、指定された時間の後に一回または繰り返して呼び出す関数を登録するために使用されます.
2.いずれもクライアントのjavascriptにおけるグローバル関数です.
3.①setTimeOut()メソッド:指定したミリ秒数の関数を実行します.setTimeOutは値を返します.この値はclearTimeout()に伝えられ、この関数の実行をキャンセルします.
②set Interval()は指定のミリ秒数の間で呼び出しを繰り返します.

例

    
    
    
    


    

        
        

            
2009 8   
            

                

                    
  
                    
  
                
            
            

                

                    
001
                    
  
                
                

                    
002
                    
   
                
                

                    
003
                    
  
                
                

                    
004
                    
  
                
                

                    
005
                    
  
                
                

                    
006
                    
   
                
            
        
        

            
      ：
            

                
dsf
            
              
        
    

    
    
        //      By lys
        $("#random-call").on('click', function () {
            //           
            let arrAll = [];
            let StuNameLis = document.getElementsByClassName('stuSel');
            for (let i = 0;i<StuNameLis.length; i++) {
                arrAll.push(StuNameLis[i].innerHTML);
            }
            //   
            function showCha() {
                let timer1 = null;
                let timer3 = null;
                //    
                function setNum() {
                    let randNum = parseInt(Math.random()*arrAll.length);
                    document.getElementById("randomSel").innerHTML = arrAll[randNum];
                };
                function timeTask() {
                    timer1 = setInterval(function () {
                        setNum();
                    }, 50);
                    //   
                    var timer2 = setTimeout(function () {
                        clearInterval(timer1);
                        timer3 = setInterval(function () {
                            setNum();
                        }, 300);
                    }, 3000);
                    var timer4 = setTimeout(function () {
                        clearInterval(timer3);
                    }, 4000);
                }
                timeTask();
            }
            showCha();
        });
        // end