滚动条和跑马灯

1、其他函数

obj = setInterval('函数名称', 毫秒数);   clearInterval(obj);  --->这就相当于一个定时器；

obj = setTimeout('函数名称', 毫秒数);    clearTimeout(obj);

2、滚动条

!DOCTYPE html>


    
        
        
        
    

    
        

        
            

        

         /*            window.prb = 10;                          function Foo(){                 var id = document.getElementById('process');                 window.prb += 10;                 if(window.prb > 100){                     clearInterval(window.interval);                 }else{                     id.style.width = window.prb + '%';                 }                              }             window.interval = setInterval('Foo()', 500);  //设置定时器 */                         window.prb = 10;                          function Foo(){                 var id = document.getElementById('process');                 window.prb += 10;                 if(window.prb > 100){                     clearTimeout(window.interval);                 }else{                     id.style.width = window.prb + '%';                 }                              }             window.interval = setTimeout('Foo()', 500);                             

运行结果

3、×××灯

    
        
        
    
        
     
        
        
            function Go(){
                var content = document.title;   //DOM获得标签的内容
                var firstChar = content.charAt(0);
                var sub = content.substring(1, content.length);
                
                document.title = sub + firstChar;
            }
            
            interval = setInterval('Go()', 200);
            function stop(){
                clearTimeout(interval); //停止当前的程序运行。
            }            
        
    

运行结果

4、总结

(1)、num = setInterval('事件函数'， 毫秒)，这个函数(setInterval)就是一个定时器，每隔多长时间执行一次这个函数；

clearInterval(num)，就是终止执行定时器函数；

(2)、num = setTimeout('事件函数'， 毫秒)，这个函数只执行一次，就不在执行；

clearTimeout(num)，终止定时器的执行；