speed-js运动的一个问题,为什么第一个函数不执行

问题描述

js运动的一个问题,为什么第一个函数不执行

#box{width: 100px;height: 100px;background: red;position: absolute;left: 0;top: 0;}

js======

function act(obj, attr, target, fn){
clearInterval(obj.timer);
obj.timer = setInterval(function(){
var cur = parseInt(css(obj, attr));
var speed = (target - cur) / 8;
var stop = true;
speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
if(target != cur){
stop = false;
}
obj.style[attr] = speed + cur + 'px';
if(stop){
clearInterval(obj.timer);
obj.timer = null;
fn && fn.call(obj);
}
}, 20);
}

var box=document.getElementById('box');
act(box,'top',300);
act(box,'left',300);
为什么我这样调用只执行了第二个函数?

解决方案

先确认是没执行,还是执行了没效果,估计是没效果,没执行不应该

解决方案二:

看代码,函数
function act(obj, attr, target, fn){
clearInterval(obj.timer);//这里clear定时器

 act(box,'top',300);//第一句执行,
act(box,'left',300);//第二句执行后立马就clearInterval(obj.timer);了,所以第一句没效果

相关文章


  • 运动员最佳配对-求助运动员最佳匹配问题代码注释的纠正
  • wpf-新手求助 我想用WPF实现,在一个窗体点击按钮控制另窗体的控件运动
  • android View与线程绘制一个小球沿轨迹运动
  • 控制-C++ EXE与DLL共享数据问题
  • c++-如何随时终止C++线程的运行?
  • mfc 位图显示-MFC位图沿轨迹运动的实现
  • 定位仿真 随机运动-matlab实现一个质点随机运动无果
  • opengl sharpgl-怎样用SharpGL画一条弧线,并可以让一个物体沿着这条弧线运动?
  • 查询信息-C语言编程,学校运动会管理系统
  • 父类构造函数-java调用super 可以不放在第一行?

【云栖快讯】2017互联网超级工程阿里双11完美落幕,交易额突破1682亿,但阿里工程师如何玩转“超级工程”,背后黑科技又是如何?12月13-14日,12位大咖直播分享揭秘1682亿背后技术实践,马上预约  详情请点击

热门推荐


  • 高性能云服务器2折起
  • 云服务器配置
  • 技术资料
  • 云计算
  • 域名
  • shell
  • node.js
  • 问答
  • java
  • mysql
  • C++
  • python
  • jQuery
  • Android
  • asp
  • PHP技巧
  • jQuery教程
  • JavaScript技巧
  • JS
  • SEO
  • sql server
  • mysql教程
  • 前端
  • 技术文集
  • 技术
  • 主题地图
  • A
  • z
  • 云服务器哪家好
  • API
  • 大数据
  • 云安全
  • 云存储
  • 云计算
  • 获取公众号授权失败
  • 兼容性疑难解答
  • path
  • stm32
  • jsonobject
  • product

前三篇


  • link环境下使用codefirst制作《网盘软件》,多“云服务器”如何根据ip选择?
  • treenode-谁能告诉我为啥是wrong?????????? 递归把我整蒙了
  • c++调试出现xthrow.cpp,程序无法继续,求解。

后三篇


  • spring mvc-spri MVC配置文如何组织合理
  • 启动-android同一个页面第二次打开时背景图片没加载出来
  • 删除-用C++编写图书信息管理系统

(yq.aliyun.com)为您免费提供speed-js运动的一个问题,为什么第一个函数不执行相关信息,包括
target
speed
的信息
,所有speed-js运动的一个问题,为什么第一个函数不执行相关内容均不代表的意见!
该页面h5页面的地址是:https://m.aliyun.com/yunqi/wenzhang/show_48396,您可以点击speed-js运动的一个问题,为什么第一个函数不执行-手机站访问。

时间: 2024-09-29 05:50:03

speed-js运动的一个问题,为什么第一个函数不执行的相关文章

js运动动画的八个知识点

 本文给大家分享的是个人在学习js运动动画的过程中总结的我们需要注意的8个知识点,分别是速度动画.透明度渐变.缓冲运动.多物体运动.获取样式.任意属性值.链式运动和同时运动,非常的详细,推荐给小伙伴们.     今天简单的学了一下js运动动画,记录一下自己的心得体会,分享给大家. 下面是我整理出来的结果. 知识点一:速度动画. 1.首先第一步实现速度运动动画,封装一个函数,用到的知识是setInterval(function(){   代码如下: oDiv.style.left=oDiv.off

js运动动画的八个知识点_javascript技巧

今天简单的学了一下js运动动画,记录一下自己的心得体会,分享给大家.       下面是我整理出来的结果. 知识点一:速度动画.       1.首先第一步实现速度运动动画,封装一个函数,用到的知识是setInterval(function(){ 复制代码 代码如下: oDiv.style.left=oDiv.offsetLeft+10+"px"; },30). 对于这里为什么要用到offsetLeft,我特意百度了一下,我得到的有用信息是: a.offsetLeft和left的相同之

js运动动画

原文:js运动动画       今天简单的学了一下js运动动画,再此感谢慕课网的这位老师http://www.imooc.com/view/167,讲的很不错.       下面是我整理出来的结果.       知识点一:速度动画.       1.首先第一步实现速度运动动画,封装一个函数,用到的知识是setInterval(function(){ oDiv.style.left=oDiv.offsetLeft+10+"px"; },30). 对于这里为什么要用到offsetLeft,

JS运动基础框架实例分析

 这篇文章主要介绍了JS运动基础框架,实例分析了javascript定时器及div样式的使用技巧,需要的朋友可以参考下     本文实例讲述了JS运动基础框架.分享给大家供大家参考.具体分析如下: 这里需要注意: 1. 在开始运动时关闭已有的定时器 2. 把运动和停止隔开 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title&g

js运动事件函数详解_javascript技巧

本文实例为大家分享了js运动事件函数,供大家参考,具体内容如下 HTML <div id="breedsdog"> <h2 class="title">The Dog</h2> <p class="describe">Split between cat,belong to the cat family,cat,cat,is the world's more widely<br> in t

浅析JS运动_javascript技巧

物体运动原理:通过改变物体的位置,而发生移动变化. 任何运动都是相对的,就像物理中的运动公式:s(要达到的)=s0(当前的样式值)+vt. 方法:       1.运动的物体使用绝对定位       2.通过改变定位物体的属性(left.right.top.bottom)值来使物体移动.例如向右或左移动可以使用offsetLeft(offsetRight)来控制左右移动. 步骤:     1.开始运动前,先清除已有定时器 (因为:是连续点击按钮,物体会运动越来越快,造成运动混乱)     2.开

JS运动基础框架实例分析_javascript技巧

本文实例讲述了JS运动基础框架.分享给大家供大家参考.具体分析如下: 这里需要注意: 1. 在开始运动时关闭已有的定时器 2. 把运动和停止隔开 复制代码 代码如下: <!DOCTYPE html>  <html>      <head>          <meta charset="utf-8">          <title></title>          <style type="te

JS运动框架之分享侧边栏动画实例

 这篇文章主要介绍了JS运动框架之分享侧边栏动画,实例分析了javascript操作div及css的技巧,需要的朋友可以参考下     本文实例讲述了JS运动框架之分享侧边栏动画实现方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type=&q

jsp如何实现两个输入框,输入一个另一个自动填充第一个的内容。

问题描述 jsp如何实现两个输入框,输入一个另一个自动填充第一个的内容. 如题,我的jsp页面中 有2个输入框 我要在第一个框a 上传一个图片,a框里有了图片的名称带后缀名的. 如何实现第二个框b b的框里自动填上了 第一个框a的值不带后缀名的. 如 我a上传图片名为 asdf.jpg b框里就显示为 asdf. 本页面有 js 解决方案 先写两个input表单,然后在第一个表单里加个事件,比如onblur 焦点离开触发事件,然后这个事件触发函数,里面用js或者jquery写 把这个input的