网站首页 > 教程分享 正文
// 缓动动画函数
function animate(obj, target, callback) {
// 清除先前的定时器,只保留一个定时器执行
clearInterval(obj.timer);
// 定时器
obj.timer = setInterval(function() {
// 步长 = (目标位置 - 现在的位置) / 10,写到定时器里面
var step = (target - obj.offsetLeft) / 10;
// 大于0向上取整,小于0向下取整
step = step > 0 ? Math.ceil(step) : Math.floor(step);
// 停止条件
if(obj.offsetLeft == target) {
// 停止动画,清除定时器
clearInterval(obj.timer);
callback && callback();
}
obj.style.left = obj.offsetLeft + step + 'px';
}, 15);
}
猜你喜欢
- 2024-09-10 JavaScript 定时器和延时器(js定时器执行顺序)
- 2024-09-10 彻底搞懂HTTP协议 - 天天造轮子(http协议的工作原理)
- 2024-09-10 导航栏案例:用到缓动函数(缓动类型)
- 2024-09-10 打字效果的文字制作(打字效果视频)
- 2024-09-10 Vue实战088:简单的验证码倒计时功能实现
- 2024-09-10 微信小程序开发(2):猜拳游戏全过程详解
- 2024-09-10 用多了各种组件库的你还会用原生JS写轮播图吗?
- 2024-09-10 canvas绘制图片并实现一个图片放大器
- 2024-09-10 Window 对象(window对象的子对象)
- 2024-09-10 微信刷屏的「给我一面国旗」怎么才能做到,技术原理是什么?
你 发表评论:
欢迎- 最近发表
-
- 有了这份900多页的Android面试指南,你离大厂Offer还远吗?
- K2 Blackpearl 流程平台总体功能介绍:常规流程功能
- 零基础安卓开发起步(一)(安卓开发入门视频)
- 教程:让你的安卓像Windows一样实现程序窗口化运行
- Android事件总线还能怎么玩?(事件总线有什么好处)
- Android 面试被问“谈谈架构”,到底要怎样回答才好?
- Android开发工具Parcel和Serialize
- Android 中Notification的运用(notification widget安卓)
- Android退出所有Activity最优雅的方式
- MT管理器-简单实战-去除启动页(mt管理器怎么去除软件弹窗)
- 标签列表
-
- css导航条 (66)
- sqlinsert (63)
- js提交表单 (60)
- param (62)
- parentelement (65)
- jquery分享 (62)
- check约束 (64)
- curl_init (68)
- sql if语句 (69)
- import (66)
- chmod文件夹 (71)
- clearinterval (71)
- pythonrange (62)
- 数组长度 (61)
- javafx (59)
- 全局消息钩子 (64)
- sort排序 (62)
- jdbc (69)
- php网页源码 (59)
- assert h (69)
- httpclientjar (60)
- postgresql conf (59)
- winform开发 (59)
- mysql数字类型 (71)
- drawimage (61)
本文暂时没有评论,来添加一个吧(●'◡'●)