![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
BOM
文章平均质量分 59
Crazy ProMonkey
这个作者很懒,什么都没留下…
展开
-
JS基础——定时器的应用2
补充: 继上一篇定时器的功能之后,本篇将对上篇应用的功能加以扩充。具体增加的功能有: 新增一个向左移动的按钮,点击该按钮后,物体会向左移动 因向左和向右移动二者的功能大同小异,所以设计一个公共的移动函数方法move(),使其轻松实现向左和向右移动的功能 因向左和向右的方向取决于输入的speed的速度值的正负,正值向左,负值向右。但该方法不是很好,需要额外输入速度的正负号,因此需要设计一个方法,可以实现speed的输入值一直为正,但仍可以实现向左和向右移动 代码演示: <!DOCTYPE原创 2021-11-06 17:40:04 · 1812 阅读 · 1 评论 -
JS基础——定时器的应用
要求: 点击按钮,让物体开始移动,利用定时器的方法让物体移动至终点时停止移动 思路: 首先,需要知道物体实时的位移量,这里需要定义一个getStyle函数来获取物体当前的样式 其次,开启一个定时器setInterval(),让物体开始移动 最后,需要设置关闭定时器clearInterval()的条件 代码演示: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title原创 2021-11-06 16:44:22 · 1776 阅读 · 0 评论