效果

要达到无论在什么机器上,算出来的速度是一样的。

思路:

计算两次mousemove之间的位移时间,就可以算出精确的速度

不要将onMousemove的调用时间间隔看成是均等的,事实上也不是均等的,而是根据机器的运行状况实时调整的,所以两次调用之间的时间间隔不能看成是单位时间。关于mousemove的讨论

示例

    var preX = 0;var preTime  = undefined;document.addEventListener("mousedown",onMouseDown);function onMouseDown(event){preTime = undefined;document.addEventListener("mousemove",getVolecity);document.addEventListener("mouseup",onMouseUp);}function onMouseUp(event){document.removeEventListener("mousemove",getVolecity);}/*** 计算速度* @param event*/function getVolecity(event){var currTime = Date.now();if(typeof preTime != "undefined"){    //跳过第一次var dist = event.clientX - preX;var time = currTime - preTime;var volecity = dist/time;   console.log("volecity:"+volecity);}preX = event.clientX;preTime = currTime;}

参考

1.Calculating mouse velocity with accuracy

计算鼠标移动的精确速度相关推荐

  1. VS code 使用技巧-设置鼠标滚轮翻页速度(Mac版本)

    设置鼠标滚轮翻页速度 1.打开设置页面,按关键字[mouseWheelScrollSensitivity]搜索选项,可以分开修改你需要的编辑窗口的鼠标滚轮的翻页速度 Editor:编辑器区域的滚动速度 ...

  2. 使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理。距离远时图片放大,距离近时图片缩小

    查看本章节 查看作业目录 需求说明: 使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理.距离远时图片放大,距离近 ...

  3. python计算小数_python执行精确的小数计算方法

    在进行浮点数计算时它们无法精确表达出所有的十进制小数位. a = 4.1 b = 5.329 print(a+b) 9.428999999999998 这些误差实际上是底层cpu的浮点运算单元和iee ...

  4. c语言计算pi后1000位,计算圆周率 Pi (π)值, 精确到小数点后 10000 位

    大家都知道π=3.1415926--无穷多位, 历史上很多人都在计算这个数, 一直认为是一个非常复杂的问题.现在有了电脑, 这个问题就简单了. 电脑可以利用级数计算出很多高精度的值, 有关级数的问题请 ...

  5. VB 6.0 计算鼠标的金额 字体

    实验内容 掌握Label.TextBox.Button控件的使用方法,变量的使用方法. 掌握If语句的使用方法. 商场鼠标实际销售价是原价的九五折.买10个以上(含)打八折,买20个以上(含)打七折. ...

  6. java 计算工具类_java精确计算工具类

    importjava.math.BigDecimal;importjava.math.RoundingMode;importjava.math.BigDecimal;importjava.text.D ...

  7. 你以为用了BigDecimal后,计算结果就一定精确了?

    BigDecimal,相信对于很多人来说都不陌生,很多人都知道他的用法,这是一种java.math包中提供的一种可以用来进行精确运算的类型. 很多人都知道,在进行金额表示.金额计算等场景,不能使用do ...

  8. bigdecimal 保留两位小数_不要以为你用了BigDecimal后,计算结果就一定精确了

    异常再现 大家应该都已经知道,涉及到金钱的计算应该使用BigDecimal,没有使用BigDecimal的已经被开除. 但是使用了BigDecimal后计算结果就一定是精确的吗?未必.看下面测试 Bi ...

  9. 你以为用了 BigDecimal 后,计算结果就一定精确了?

    作者 | Hollis   责编 | 张文 来源 | 转载自 Hollis(ID:hollischuang) BigDecimal,相信对于很多人来说都不陌生,很多人都知道他的用法,这是一种 java ...

最新文章

  1. python科学计算整理
  2. 电信 IPRAN 设备组网方案_国内首家5G核心网电信设备进网许可证;电信5G网络增强方案获认可;美国最大规模毫米波拍卖...
  3. IHttpHandler的妙用之防盗链
  4. Python入门:常用模块—logging模块
  5. qt release打包发布_几种解决Qt程序打包后无法连接数据库问题的方法
  6. DVWA upload
  7. linux su oracle permission denied,su: /bin/bash: Permission denied带来的疑惑
  8. 景驰无人车北京子公司上亿资金被冻结!潘思宁夺回法人身份
  9. MongoDB的ObjectId生成原理
  10. 第八章节 文件操作一 (文件常用操作)
  11. 《WinForm开发系列之控件篇》Item65 VScrollBar (暂无)
  12. 苹果iphone公交卡支持哪些城市(详细)
  13. Gradle初级使用教程
  14. 【Endnote】如何在参考文献前加编号 (1.2.3.等 或 [1] [2] [3]等)
  15. C++中的DLL调用0x00000000错误
  16. 【Unity】Obi插件系列(八)—— Obi Softbody
  17. 锐龙r9 5900hx相当于英特尔的什么 r9 5900hx属于什么档次
  18. 0x06 木马免杀篇、0x07应急与响应、0x08 安全防御篇、0x09 其他问题篇
  19. 论文笔记 Semantics-Guided Neural Networks for Efficient Skeleton-Based Human Action Recognition - CVPR
  20. dockers存储卷

热门文章

  1. 百度SEO HTML5汉堡包西餐美食网站模板
  2. 在Excel中标示重复值、删除重复值、统计重复次数
  3. 开关电源的纹波和噪声电压-抑制方法
  4. 该选自动对焦还是定焦的OAK相机?
  5. 吃瓜:程序员删库报复!一行代码蒸发数10亿!
  6. 学计算机的女生后来都怎么样了?
  7. 【达内课程】Java反射介绍
  8. 代码精进之路~自明的代码
  9. 华为视频携手优酷 打造全场景智慧影音娱乐体验
  10. 想知道拼图怎么拼?这几个拼图方法分享给你