琴& 2019-01-16 16:03 采纳率: 33.3%
浏览 288
已采纳

【多个运动】函数哪里错了？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <style>
    div {
        width: 100px;
        height: 50px;
        background-color: red;
        margin-top:50px;
    } 
    </style>
        <script type="text/javascript">                                        
        window.onload=function()
        {
            var aDiv = document.getElementsByTagName('div');

            for(let i=0;i<aDiv.length;i++)
            {
                aDiv[i].timer = null;
                aDiv[i].onmouseover = function ()
                {
                    startMove(this,300);
                }
                aDiv[i].onmouseout = function ()
                {
                    startMove(this,100);
                }
            }
        }

        function startMove(obj,iTarget)
        {
                clearInterval(obj.timer);
                timer=setInterval(function () {
                    var iSpeed = (iTarget - obj.offsetWidth)/8;
                    iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);

                    if(obj.offsetWidth == iTarget)
                    {
                        clearInterval(obj.timer);
                    }
                    else
                    {
                        obj.style.width = obj.offsetWidth + iSpeed + 'px';
                    }
                },30)
        }
    </script>
</head>
<body>
    <div></div>
    <div></div>
    <div></div>        
</body>
</html>
  • 写回答

3条回答 默认 最新

  • 琴& 2019-01-16 16:28
    关注
    obj.timer=setInterval(function(){},30)
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • django多人不能同时调用执行同一个函数怎么解决？ django python 后端
    2021-12-27 20:42
    回答 3 已采纳 那这些PNG文件的后续使用是啥？考虑下按用户名及时间戳命名PNG文件。避免线程同时写同一个文件。如果文件不需要长期保存，可以考虑做个任务，定时清理非本日或者24小时前的文件。
  • vue多标签页面发get请求用哪个钩子函数自动调用? vue.js 前端 前端框架
    2023-02-04 23:40
    回答 1 已采纳 在Vue中，你可以使用activated钩子函数来实现多标签页面get请求的自动调用。activated钩子函数会在每次切换标签的时候被调用，因此可以在其中调用get请求，实现数据的刷新。
  • python函数传入多个列表参数问题 python 有问必答
    2021-07-18 22:13
    回答 1 已采纳 *xxxx是把多个参数打包成一个列表， 一个函数只能含有一个*xxxx打包列表。 不可以含有两个打包列表。 如果有两个*xxxx就无法确定某一参数要打包到哪一个列表中。 你要传两个列表直接这样就可以
  • js 封装一个多属性的运动函数
    2022-07-15 08:29
    开拓者366的博客 /如果运动量不满1会一直无法运动到终点向上取整为1。console.log('定时器还在挣扎..')向下运动500px同时高度变大400结束之后让盒子文字变成白色。//将运动量换成剩下的距离的十分之一。//剩下距离是终点-当前。//第...
  • 如何用python求解三角函数方程呢？ python 有问必答
    2021-11-02 11:55
    回答 2 已采纳 math中的sin()函数有错误，用sympy的sin()函数；另外，solve(fx,x)你的x的位置写到solve外面去了；另外，我改好了以后发现程序也是执行不出来，拆解成两部分运行后，发现后半部
  • TP5后台如何调用前端js的函数？ javascript php
    2019-04-03 14:15
    回答 1 已采纳 后台不能直接调用js方法，你可以在js里边用ajax传值，然后回调
  • 请教一个关于vector函数的问题？ c++
    2016-02-22 05:35
    回答 3 已采纳 begin返回的是迭代器，不能直接赋值给Information指针。 下面的循环查找逻辑也错了，可以用下面一种写法 ``` Information *temp = NULL; std::
  • JS多物体实现缓冲运动效果示例
    2020-10-20 20:00
    JS多物体实现缓冲运动效果是利用JavaScript实现多个页面元素在用户交互下拥有平滑过渡的运动效果。缓冲运动通常是指物体在移动过程中加速度逐渐变化，最终使物体平滑地停止或达到新的速度。在Web前端开发中，通过...
  • 这个C语言函数声明意思？
    2015-11-05 12:46
    回答 1 已采纳 手机看到的，看着代码可移植性有亮点，手机不好码字，特意到电脑跟前回答下。 int rotate_l(unsigned int number, unsigned int bit) { unsig
  • matlab自定义函数返回值可以设为两个矩阵么？ matlab 其他 开发语言
    2021-11-15 15:44
    回答 1 已采纳 你在主程序调用的时候，写[U，C]=F_U（num，num）；你可能写的是F_U(num,num);默认返回一个U
  • js同时判断多个条件是否满足？ javascript
    2017-06-05 10:19
    回答 3 已采纳 var xx = luru.every(function(v){ return v.value.length!=0; }) if(xx){ }
  • JavaScript运动框架 多值运动（四）
    2020-10-19 20:32
    多值运动框架便应运而生，它允许开发者通过定义一个包含多个目标值的对象，来实现多个属性的动画效果。 当涉及到多值运动时，一个主要的挑战是不同属性的变化可能需要不同长度的时间来完成。例如，元素的宽度变化...
  • 如何向槽函数内传入参数？ c++ qt 前端
    2022-09-26 19:06
    回答 1 已采纳 改为 connect(createB, &QAction::triggered, this, [=]() { this->baseCreate(parent); });
  • JS实现多物体运动的方法详解
    2020-11-27 16:30
    首先，我们需要获取要进行运动的多个元素。在这个实例中，通过`getElementsByTagName`方法获取到所有的`li`元素。这一步是基础，确保我们可以遍历并操作这些元素。 接下来，对每个`li`元素添加事件监听器。这里使用...
  • Tensorflow.js 在运动健康类项目中的前端应用.docx
    2024-03-04 17:19
    本节将详细介绍如何结合使用 WebRTC 和 Tensorflow.js 来实现一个运动健康类项目中的人体姿态识别应用。该应用可以用于健身教练课程、瑜伽课程等多种场景，帮助用户提高动作准确性和一致性。 ##### 开始之前 - **...
  • 没有解决我的问题, 去提问

悬赏问题

  • ¥15 MATLAB代码补全插值
  • ¥15 Typegoose 中如何使用 arrayFilters 筛选并更新深度嵌套的子文档数组信息
  • ¥15 前后端分离的学习疑问？
  • ¥15 stata实证代码答疑
  • ¥50 husky+jaco2实现在gazebo与rviz中联合仿真
  • ¥15 dpabi预处理报错：Error using y_ExtractROISignal (line 251)
  • ¥15 在虚拟机中配置flume，无法将slave1节点的文件采集到master节点中
  • ¥15 husky+kinova jaco2 仿真
  • ¥15 zigbee终端设备入网失败
  • ¥15 金融监管系统怎么对7+4机构进行监管的