代码之家 › 专栏 › 技术社区 › m4tt

只允许在JavaScript中存在同一函数的一个实例

recurrence function javascript

m4tt · 技术社区 · 6 年前

我打开了这个onclick事件侦听器 li ul ,这将启动一个setInterval函数,问题是如果我单击第二个 锂 我如何“删除”前一个,只让最后一个“存在”?

我为类似问题找到的解决方案对我不起作用。

代码如下:

document.addEventListener('click', function (event) {

  var texta = document.getElementById('myTextarea');

   var item = event.target.closest('#yourlists li');
   if (item) {
    var ite = event.target.closest('#yourlists li').innerHTML;

    setInterval(function autoSave(){
          var listText = texta.value.split('\n');
          localStorage.setItem(ite, JSON.stringify(listText));
    }, 5000);

   }
});

3 回复 | 直到 6 年前

Nikhil Aggarwal 6 年前

使用 clearInterval . 从文档中,

WORKOWWorkWorkGoalScVixMyIn的CuffTrimeValk()方法取消了通过调用SET TIALVAL()建立的定时重复动作。

var myInterval;

document.addEventListener('click', function (event) {
     // ... code
    clearInterval(myInterval);
    myInterval = setInterval(function autoSave(){
      // ... code
    }, 5000);
    // ... code
});

Reinstate Monica Cellio 6 年前

setInterval() 返回一个ID,以后可以用它来停止。。。

var intervalId = 0;

document.addEventListener('click', function (event) {

    var texta = document.getElementById('myTextarea');

    var item = event.target.closest('#yourlists li');

    if (item) {
        var ite = event.target.closest('#yourlists li').innerHTML;

        // clear any existing interval handler
        clearInterval(intervalId);

        // create a new one
        intervalId = setInterval(function autoSave(){
            var listText = texta.value.split('\n');
            localStorage.setItem(ite, JSON.stringify(listText));
        }, 5000);
    }
});

Titus 6 年前

这个 setInterval 函数返回可用于停止该间隔的ID。

下面是一个例子:

var intervalID
document.addEventListener('click', function (event) {
    ....
    clearInterval(intervalID)
    intervalID = setInterval(function autoSave(){
         ....
    }, 5000);
    ....
})

推荐文章

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Tridip Lodh · 在ES6中,JAVASCRIPT函数在“严格使用”模式下的行为如何?[已关闭]

1 年前

Shawn Hemelstrand · 为什么我的自定义errorbar函数不能在R中工作?

2 年前

D_K · R获取新表

2 年前

ramanujans alkhazarim · 错误“元素类型无效”React Native

2 年前

CodexSC · 如何从另一个函数打印字符串?

2 年前

Matthew Graham · 我应该如何以编程方式仅将某些NA值更改为在R中选择的指定字符串?

2 年前

Anar · Oracle SQL用户定义函数

2 年前

Troskyvs · 映射比较函数导致运行时“bad\u function\u call”

2 年前

Alireza Pirmahdi · 我的代码多次执行打印语句,我只想执行一次

2 年前