js:如何将两个按钮里函数改进成缓慢变化的?并且保证连续点击能够依次执行

img

img

img


上面是我的基础代码,实现一个简单的轮播图,想要添加滑动效果。
下面是我的尝试(利用left1和left2记录变化来控制结束,来),但是没有效果,不知道到底应该如何实现:

img

left2 是比left1小,所以move()中最后一个if判断有问题

  • 这篇博客: JS:封装数组去重函数,随用随取,又方便又简单~中的 按照这个思路,我们写一下代码: 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • var arr1 = [1, 2, 3, 3, 2]
    var arr = [] // 声明空数组arr
    // 用map对arr1遍历,v是arr1的元素,k是元素对应的索引号
    arr1.map((v, k) => { 
    	// ||或符号用于判断。前者为真,不操作。前者为假,执行后者。
        arr.includes(v) || arr.push(v)
    })
    console.log(arr)
    // 输出 [ 1, 2, 3 ]