星陨 落月 2022-09-22 07:16 采纳率: 88.5%
浏览 28
已结题

刚学这个,代码没看懂查了半天

for和for里面的代码我没见过看不懂,不知道什么意思。查了半天
<div id="box">点我啊,跑!</div>
    <script>
      function animate(obj, option) {
        clearInterval(obj.timer);                           // 防止多次触发事件,重复开启定时器
        obj.timer = setInterval(function() {
          var flag = true;                                  // 元素对象移动的标志,true表示已完成
          for (var k in option) {
              console.log(k);
            var leader = parseInt(getStyle(obj, k)) || 0; // 获取指定元素当前属性值
            console.log(leader);
            var target = option[k];                         // 获取指定元素目标属性值
            var step = (target - leader) / 10;              // 计算每次移动的步长
            step = step > 0 ? Math.ceil(step) : Math.floor(step);
            leader = leader + step;           // 计算属性值
            obj.style[k] = leader + 'px';     // 设置属性值
            //div.style[top] = 82px;
            if (leader != target) {           // 判断是否完成移动
              flag = false;
            }
          }
          if (flag) {                         // 移动完成后清除定时器
            clearInterval(obj.timer);
          }
        }, 15);
      }


  • 写回答

1条回答 默认 最新

  • 於黾 2022-09-22 07:33
    关注

    for (var k in option)
    option是个可迭代对象
    k是从里面拿出来的每一个元素
    循环次数就是option的长度

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 9月30日
  • 已采纳回答 9月23日
  • 创建了问题 9月22日

悬赏问题

  • ¥20 校园网认证openwrt插件
  • ¥15 以AT89C51单片机芯片为核心来制作一个简易计算器,外部由4*4矩阵键盘和一个LCD1602字符型液晶显示屏构成,内部由一块AT89C51单片机构成,通过软件编程可实现简单加减乘除。
  • ¥15 某东JD算法逆向算法
  • ¥15 求GCMS辅导数据分析
  • ¥30 SD中的一段Unet下采样代码其中的resnet是谁跟谁进行残差连接
  • ¥15 Unet采样阶段的res_samples问题
  • ¥60 Python+pygame坦克大战游戏开发实验报告
  • ¥15 R语言regionNames()和demomap()无法选中中文地区的问题
  • ¥15 Open GL ES 的使用
  • ¥15 我如果只想表示节点的结构信息,使用GCN方法不进行训练可以吗
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部