javascript - 带有本地存储的按钮以提高速度

Question

我有几个按钮可以提高自动鼠标的速度，每个按钮都会提高一点速度。我有这些按钮是因为我尝试只创建一个按钮来逐渐提高速度，而其他按钮则降低速度。

这些是我现在拥有的功能:

    function aumentar() {
    clearTimeout(t);
    t = setInterval(clickbutton, 2000);
    localStorage.setItem('duracion', '2000')
}

function aumentar_mas() {
    clearTimeout(t);
    t = setInterval(clickbutton, 1000);
    localStorage.setItem('duracion', '1000')
}

function aumentar_mas_mas() {
    clearTimeout(t);
    t = setInterval(clickbutton, 500);
    localStorage.setItem('duracion', '500')
}

我想要一个每次增加 500 的函数，其他则相反。 我尝试过类似的事情:

n = 3000;
function mas() {
n = n - 500;
t = setInterval(clickbutton,n);
localStorage.setItem('duracion', 'n')

但它运行不正常。有什么建议吗？

非常感谢!

Answer 1

它是“clearInterval”到clearTimeout :) 另外，请记住在从本地存储获取数字后调用parseInt()。

var t; //define T here to be accessible outside 1 function call

function clickbutton(){
    console.log('clickbutton called')
}

function aumentar() {
    clearInterval(t);
    t = setInterval(clickbutton, 2000);
    localStorage.setItem('duracion', '2000')
}

function aumentar_mas() {
    clearInterval(t);
    t = setInterval(clickbutton, 1000);
    localStorage.setItem('duracion', '1000')
}

function aumentar_mas_mas() {
    clearInterval(t);
    t = setInterval(clickbutton, 500);
    localStorage.setItem('duracion', '500')
}

n = 3000;
function mas() {
    n = n - 500;
    t = setInterval(clickbutton,n);
    localStorage.setItem('duracion', n)
}

mas()

<button onclick="aumentar()">2000</button>
<button onclick="aumentar_mas()">1000</button>
<button onclick="aumentar_mas_mas()">500</button>