Question

我创建了一个setInterval函数，它在有限的时间内滚动，两个按钮开始和结束，我想当我点击开始按钮时条件开始，当点击结束时条件停止。有没有办法做到这一点？这是我的代码：

pophtml： -

 <button class="input-btn start-button"><i class="fa fa-play" aria-hidden="true"></i> Start</button>
    <button class="input-btn scrap-button"><i class="fa fa-share-square" aria-hidden="true"></i> Export to csv</button>
     <button class="input-btn end-button"><i class="fa fa-stop" aria-hidden="true"></i> End</button>

popup js： -

   document.querySelector(".end-button").addEventListener("click", function () {
   chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
        chrome.tabs.sendMessage(tabs[0].id, {action: "end"});
    });
});

我的content.js： -

 chrome.runtime.onMessage.addListener(
function(request, sender, sendResponse) {

    var interval = '';
   if(request.action == 'start'){
    interval = setInterval(function(){
        $(document).scrollTop($(document).height());
              },1000);
        }

       else if(request.action == 'scrap')
       {
        alert('work in process');

       }
       else if(request.action == 'end')
       {
        clearInterval(interval);

       }
       else
       {
        alert('Wrong button placed')
       }
});

我尝试使用之前的方法，但我没有得到哪个ID传递...

Answer 1

使用<table> <thead> <tr> <th> name </th> <th> age </th> <th> school </th> </tr> </thead> </table>清除间隔。

clearInterval(intervalID)

如何在另一个按钮单击时停止setInterval？

1 个答案: