欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

原生javascript实现的一个简单动画

程序员文章站 2022-03-20 20:46:00
...
 
 



javascript实现的简单动画



在线运行

代码解释:

  1. window.onload=function(){},当文档内容完全加载完毕再去执行函数中的代码。
  2. var mydiv=document.getElementById("mydiv"),获取id属性值为mydiv的元素。
  3. var start=document.getElementById("start"),获取id属性hi为start的元素。
  4. var stopmove=document.getElementById("stopmove"),获取id属性值为stopmove的元素。
  5. mydiv.style.left=x+"px",设置div的left属性值。
  6. start.onclick=function(){},为start元素注册onclick事件处理函数。
  7. clearInterval(flag),停止定时器函数,一方多次单击开始按钮造成叠加效果。
  8. flag=setInterval(move,20),开始运动。
相关标签: js 动画