位置: 编程技术 - 正文

浅谈Javascript中匀速运动的停止条件(细说javascript)

编辑:rootadmin

推荐整理分享浅谈Javascript中匀速运动的停止条件(细说javascript),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript的理解,javascript总结,javascript概述及作用,javascript的,javascript的,细说javascript,javascript概述及作用,javascript的,内容如对您有帮助,希望把文章链接给更多的朋友!

我们先来看下之前的匀速运动的代码,修改了速度speed后会出现怎么样的一个bug。这里加了两个标杆用于测试

其实这样的代码如果把速度改成7这种奇数,而到达目标点却是一个整数,这样就会出现未能达目标点或超过目标点来回抖动的bug

那为什么会出现这种情况呢 ?

实际上来说他到达目标点的时候无法精确到目标点,若目标点是,每次走7个,这个时候他要么就是过了目标点,要么就是没过。

永远到不了目标点。其实帮之前的缓冲有点像。

那么到底怎么算才是到达了目标点呢?

举个例子 : 你打车到某个地方,司机肯定是到哪里差不多离个米米就停下来了,就算到了。不可能要求汽车贴到那个地方停下来吧。

浅谈Javascript中匀速运动的停止条件(细说javascript)

所以说呢,其实来讲程序也是一样的,我们只要物体和目标点之间的距离近到一定的程度,就不需要再近了,就认为到了。

我们看下修改后的代码:

解释一下: 这里为什么要用 Math.abs 取绝对值呢?

理由很简单,因为速度可能是正的可能是负的。

现在我们让目标和物体之间的距离只要小于等7, 那就算到了。为什么是7呢? 因为他下一次的运动都不足7个了。这个时候我们就算他到了目标点了。

那现在问题又来了, 这样写 他并没有精确的停在目标点的位置。所以我们加了一句简单的话,直接让left 等于目标点。oDiv.style.left=iTarget+'px';

实际上最后一次走的不足7个,但是大家都知道程序这个运行的太快了,人眼是看不出来的。热烈的笑脸

这个时候就没有问题了。眨眼

这个就是匀速运动的停止条件。 那有朋友问,为什么缓冲运动没有这么麻烦呢?

因为他的速度是变的,越来越小,直到最后他甚至就到达1了,一步一步往前肯定不会出现这样的问题。

javascript操作字符串的原生方法 join([分隔符])数组元素组合为字符串toString()以字符串表示数组reverse()数组反转--改变原数组本身valueOf()返回数组值htmlheadscripttype="text/javascript"varfruits=["苹

javascript定义变量时加var与不加var的区别 一、外部的为全局,内部的为局部变量。二、加var为局部变量(在方法内),不加var为全局变量(当方法内有一次使用后)scripttype="text/javascript"vargolbe="global";

javascript中的遍历for in 以及with的用法 forin循环执行一个对象中的属性with语句:(对象操作语句)功能:为一段程序建立默认对象格式:with(对象){语句组}具体示例:scripttype="text/javascript"functionmember(

标签: 细说javascript

本文链接地址:https://www.jiuchutong.com/biancheng/384764.html 转载请保留说明!

上一篇:JS获取各种宽度、高度的简单介绍(js获取宽高)

下一篇:javascript操作字符串的原生方法(javascript中字符串)

  • 城镇土地使用税的计算公式
  • 厂部管理人员薪酬计入什么费用
  • 盈余公积的作用与意义
  • 建筑业确认收入的时间是按进度计量么
  • 自己提供原材料让别人加工
  • 残保金什么样的企业要交
  • 支付买方佣金
  • 公司接受投资会计科目
  • 房地产土地增值税计税依据
  • 实收资本叫别人代缴可以不
  • 个人独资企业税率表2023最新
  • 个人代垫公司费用微信转账如何报销
  • 销售原材料的账务处理
  • 增值税与实际缴纳不符
  • 员工报销油费计入个税吗
  • 营业外收入做多了怎么办
  • 物业服务合同印花算什么类型
  • 无形资产租赁税率多少
  • 花椒油的税率
  • 企业更换银行卡意味着什么
  • 环卫公司增值税税率
  • 发票丢失登报声明怎么写
  • 以前工程发票如何抵扣
  • 收回代付费用用什么科目
  • 核定征收的企业可以享受税收优惠吗
  • 购买预付卡账务处理
  • 资本弱化管理规定最新
  • mac开机按command+r没反应
  • arp防火墙是什么意思
  • php缓存优化
  • 期初留存收益是什么科目
  • 核定征收的小规模纳税人要做账吗
  • PHP:imagesetthickness()的用法_GD库图像处理函数
  • 计提利息会计分录怎么做
  • 旅游企业税务筹划
  • 冰岛北部内陆景观有哪些
  • img标签铺满div
  • 全局函数使用
  • 多线程 cpp
  • php导出表格
  • php自定义表单
  • 公交卡充值发票报销单怎么填
  • 员工工资计提
  • Ficstar Software � Web Data Extraction Tools
  • 停工损失会计分录怎么写
  • 无偿赠送怎么做账
  • 出口退税转内销还是转免税好
  • 公司用车租赁
  • 营改增之后发票的变化
  • sql参数是什么意思
  • access不能打开数据库
  • 购销合同印花税税率
  • 计提工会经费会计分录怎么写
  • 发票申领多久才可以批
  • 出差人员的住宿费计入什么科目
  • 收据注明实际到账时间
  • 往来出现差额调账说明
  • 营业执照可以变更名字和经营范围吗
  • CMD命令操作MSSQL2005数据库(命令整理)
  • mysql查找指定元素的位置
  • 苹果手机价格
  • centos7配置免密登录
  • win7怎么添加自启动程序
  • mac如何打开程序菜单
  • Windows7如何查看电脑配置
  • threejs加载obj模型颜色不对
  • perfcurve函数
  • unity3d documentation
  • linux 每隔几秒执行一次
  • 最基本的实现进程是
  • ssh远程登录脚本
  • @jsondeserialize
  • js 堆排序
  • python提取信息
  • android 系统app开机自启动设置
  • 北京重点税源直报平台登录
  • 客货两用车应如何运输
  • 土地增值税的房屋转让指出售 赠与
  • 石家庄经开区税务局
  • 税务征收社保费
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设