jsタイマーset Interval


タイマーset Interval
  • 1.set Intervalオープンタイマー
  • .タイマーをオフにする
  • .小練習:自動切り替え画像
  • 1.set Intervalオープンタイマー
    * setInterval()
    			 * 	-     
    			 * 	-* 	-* 		1.* 		2.* 
    			 * 	-* 		    Number     
    			 * 		                
    
    			setInterval(function() {
         
    				h.innerHTML = count++;
    			}, 1000);
    
    2.タイマーをオフにする
    clearInterval()* clearInterval()**
        
    var timer = setInterval(function(){
         
    
    },30)
    
         
    clearInterval(timer);
    
    3.小練習:自動で画像を切り替える
    //  img  
    			var img1 = document.getElementById("img1");
    
    			//              
    			var imgArr = ["img/1.jpg", "img/2.jpg", "img/3.jpg", "img/4.jpg", "img/5.jpg"];
    
    			//      ,           
    			var index = 0;
    
    			//      ,          
    			var timer;
    
    			// btn01          
    			var btn01 = document.getElementById("btn01");
    			btn01.onclick = function() {
         
    
    				/*
    				 *   ,         ,         ,
    				 * 	             ,             ,
    				 * 	                  
    				 */
    
    				//        ,                
    				clearInterval(timer);
    
    				/*
    				 *        ,       
    				 */
    				timer = setInterval(function() {
         
    					//     
    					index++;
    					//            
    					/*if(index >= imgArr.length){
    						//  index   0
    						index = 0;
    					}*/
    					index %= imgArr.length;
    					//  img1 src  
    					img1.src = imgArr[index];
    
    				}, 1000);
    			};
    
    			// btn02          
    			var btn02 = document.getElementById("btn02");
    			btn02.onclick = function() {
         
    				//      ,         ,     
    				/*
    				 * clearInterval()        ,
    				 * 	                ,         
    				 * 	             ,      
    				 */
    				clearInterval(timer);
    			};