javascript匀速运动实现方法分析

本文实例讲述了爪哇岛描述语言匀速运动实现方法。分享给大家供大家参考，具体如下：

匀速运动步骤：

1.清除定时器2.开启定时器3.运动是否完成：a、运动完成，清除定时器；b、运动未完成继续

匀速运动停止条件：距离足够近Math.abs(当然距离-目标距离)最小运动距离

运行效果截图如下：

差异的匀速运动（简单运动)示例：

！doctype html html hearteta charset=' utf-8 ' TItle JAVAScript匀速运动/title style # div 1 { width :100 px；高度：100 px背景：红色；位置：绝对；top :50 pxleft :500 px } span { width :1 px高度：300 px背景：黑色；位置：绝对；左侧：300pxtop:0显示：块；}/style脚本窗口。onload=function(){ var OBtn=document。getelementbyid(' BTN 1 ')；var oDiv=文档。getelementbyid(' div 1 ')；奥宾。onclick=function(){ startMove(oDiv，300)；};};定义变量计时器=null函数startMove(obj，iTarget){ clearInterval(计时器);timer=setInterval(function(){ var iSpeed=0；如果。offset left itar get){ ISpeed=7；} else { iSpeed=-7；} if(数学。腹肌offsetleft-itar get)7){ clearInterval(计时器);物体。风格。left=itar get ' px} else { obj。风格。左=obj。offsetleft是提要“px”；} }, 30);}/script/head dybutton id=' BTN 1 '移动/button div id=' div 1 '/div span/span/body/html更多关于Java脚本语言运动效果相关内容可查看本站专题： 《JavaScript运动效果与技巧汇总》

希望本文所述对大家Java脚本语言程序设计有所帮助。