原生javascript实现的一个简单动画
            
                    来源:动视网
                                        责编:小采
                                        时间:2020-11-27 20:32:13
                    
            
            
                         
                
                
                    原生javascript实现的一个简单动画
                    原生javascript实现的一个简单动画:      javascript实现的简单动画  #mydiv { width:50px; height:50px; background-color:green; position:absolute; }   window.onload=function() { var mydiv=document.getElementById(mydiv);
                    
                 
                
             
                        导读原生javascript实现的一个简单动画:      javascript实现的简单动画  #mydiv { width:50px; height:50px; background-color:green; position:absolute; }   window.onload=function() { var mydiv=document.getElementById(mydiv);
                        
            

 
在线运行
代码解释:
	- window.onload=function(){},当文档内容完全加载完毕再去执行函数中的代码。
 
	- var mydiv=document.getElementById("mydiv"),获取id属性值为mydiv的元素。
 
	- var start=document.getElementById("start"),获取id属性hi为start的元素。
 
	- var stopmove=document.getElementById("stopmove"),获取id属性值为stopmove的元素。
 
	- mydiv.style.left=x+"px",设置div的left属性值。
 
	- start.onclick=function(){},为start元素注册onclick事件处理函数。
 
	- clearInterval(flag),停止定时器函数,一方多次单击开始按钮造成叠加效果。
 
	- flag=setInterval(move,20),开始运动。
 
 
     
    
    
        原生javascript实现的一个简单动画
        原生javascript实现的一个简单动画:      javascript实现的简单动画  #mydiv { width:50px; height:50px; background-color:green; position:absolute; }   window.onload=function() { var mydiv=document.getElementById(mydiv);