javascript动画效果代码html_javascript代码写在哪里

javascript动画效果代码html_javascript代码写在哪里javascript缓动动画的js代码


Jetbrains全系列IDE稳定放心使用

函数

animate(移动对象,目标位置,回调函数)

animate ( obj , target , callback )

原理

速度越来越慢

// 1 移动距离越来越小

​// 2 设置步长 (目标位置-当前位置)/10 ​

// 3 步长每次不一样,写在定时器里

代码部分

function animate(obj,target,callback){
        clearInterval(obj.timer)
        obj.timer=setInterval(function(){
        
            var step=(target-obj.offsetLeft)/10
            step= step>0 ? Math.ceil(step) : Math.floor(step)
            if(obj.offsetLeft==target){
                clearInterval(obj.timer)
//              if(callback){
//                  callback()
//              }
                callback&&callback();
            }
            obj.style.left=obj.offsetLeft+step+'px'
        },15)
​
}
​

 希望对您有帮助!记得点赞、收藏、关注哦!


​​​​​​​

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/184165.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • VMWare14 安装Mac OS系统(操作图解)

    VMWare14 安装Mac OS系统(操作图解)近日恰逢双十一,瞅了瞅自己干瘪的钱包,没忍心入手期待已久的macPro,只好在虚拟机里玩一下mac好了,等以后钱包傲气的时候再来个真实的。安装环境:windows10VMWare14.2VMwareWorkstationPro14已安装或自行安装Unlocker(链接:https://pan.baid…

    2022年6月2日
  • git 使用总结

    git 使用总结

    2021年11月7日
  • Java面试题集合_聚合的概念

    Java面试题集合_聚合的概念很多时候面试中恨不得你会造火箭,工作中也就让你拧拧螺丝。为了不在面试中吃亏,面试前突击多看看面试题还是狠有必要的。这是一份常见Java面试题分类汇总,希望对大家有用!初级面试题Java面试题-基础篇一Java面试题-基础篇二Java面试题-集合框架篇三Java面试题-基础篇四Java面试题-基础篇五Java面试题-javaweb篇六Java面试题-jav…

    2022年10月12日
  • 学生认证,专业版pycharm

    学生认证,专业版pycharm学生认证pycharm学习自https://blog.csdn.net/qq_36667170/article/details/79905198感谢分享以下记录下自己的过程1、https://www.jetbrains.com/pycharm/buy/?fromIDE#discounts?billing=yearly页面现在变成这样了2、选择Forstudentsandteachers下的learnmore3、Applynow4、填写表单,(一定要是教育邮箱,可以在学校

    2022年8月29日
  • 脚手架专项施工方案范本_脚手架搭建方案

    脚手架专项施工方案范本_脚手架搭建方案前言如何快速搭建一个httprunner项目呢?我们可以使用脚手架,脚手架就是自动地创建一些目录,形成一个项目的架构,不需要我们再手动的去创建查看创建新项目的命令先来查看一下帮助命令httpr

    2022年7月30日
  • pycharmjieba库怎么安装_怎么下载jieba库

    pycharmjieba库怎么安装_怎么下载jieba库这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好!这是你第一次使用Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

    2022年8月28日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号