Javascript 单击按钮时启动设置间隔

我试图在用户按下按钮时启动setInterval。按钮id为#开始。我尝试过各种方法，但setInterval根本不起作用。有什么办法让它工作吗？谢谢

     $(function () {
  count = 0;
  wordsArray = ["Text 1", "Text 2", "Text 3", "Text 4", "Text 5", "Text 6"];
  setInterval(function () {
    count++;
    $(".first").fadeOut(400, function () {
      $(this).text(wordsArray[count % wordsArray.length]).fadeIn(400);
    });
  }, 5000);
});

Javascript解决方案：

document.getElementById('button').addEventListener('click', function() {
  setInterval(tick, 100);
});

function tick() {
  console.log('tick');
}

jQuery one可能看起来像这样：

$('#button').click(function() {
  setInterval(tick, 100);
});

最佳做法是存储间隔，以便在需要时清除间隔：

const interval = setInterval(tick, 100);

// Clear it this way
clearInterval(interval);

Javascript解决方案：

document.getElementById('button').addEventListener('click', function() {
  setInterval(tick, 100);
});

function tick() {
  console.log('tick');
}

jQuery one可能看起来像这样：

$('#button').click(function() {
  setInterval(tick, 100);
});

最佳做法是存储间隔，以便在需要时清除间隔：

const interval = setInterval(tick, 100);

// Clear it this way
clearInterval(interval);

$（函数（）{
$（“#开始”）。单击（函数（）{
计数=0；
文字数组=[“正文1”、“正文2”、“正文3”、“正文4”、“正文5”、“正文6”]；
setInterval（函数（）{
计数++；
$（“.first”）.fadeOut（400，函数（）{
$（this）.text（wordsArray[count%wordsArray.length]）.fadeIn（400）；
});
}, 5000);
});
});


$（函数（）{
$（“#开始”）。单击（函数（）{
计数=0；
文字数组=[“正文1”、“正文2”、“正文3”、“正文4”、“正文5”、“正文6”]；
setInterval（函数（）{
计数++；
$（“.first”）.fadeOut（400，函数（）{
$（this）.text（wordsArray[count%wordsArray.length]）.fadeIn（400）；
});
}, 5000);
});
});
如果使用JQuery，可以添加回调来单击操作

$("#begin").click(function(event){
    //start your timer like
   var count = 0,
  wordsArray = ["Text 1", "Text 2", "Text 3", "Text 4", "Text 5", "Text 6"];
  setInterval(function () {
    count++;
    $(".first").fadeOut(400, function () {
      $(this).text(wordsArray[count % wordsArray.length]).fadeIn(400);
    });
  }, 5000);

});

使用JQuery，可以添加回调来单击操作

$("#begin").click(function(event){
    //start your timer like
   var count = 0,
  wordsArray = ["Text 1", "Text 2", "Text 3", "Text 4", "Text 5", "Text 6"];
  setInterval(function () {
    count++;
    $(".first").fadeOut(400, function () {
      $(this).text(wordsArray[count % wordsArray.length]).fadeIn(400);
    });
  }, 5000);

});


$（“#开始”）。单击（函数（）{
计数=0；
文字数组=[“正文1”、“正文2”、“正文3”、“正文4”、“正文5”、“正文6”]；
setInterval（函数（）{
计数++；
$（“.text_display”）.fadeOut（400，函数（）{
$（this）.text（wordsArray[count%wordsArray.length]）.fadeIn（400）；
});
}, 5000);
})

提交

$（“#开始”）。单击（函数（）{
计数=0；
文字数组=[“正文1”、“正文2”、“正文3”、“正文4”、“正文5”、“正文6”]；
setInterval（函数（）{
计数++；
$（“.text_display”）.fadeOut（400，函数（）{
$（this）.text（wordsArray[count%wordsArray.length]）.fadeIn（400）；
});
}, 5000);
})

提交
你的按钮点击事件在哪里？你能分享你的代码吗？我们将帮助你。请根据你的问题添加代码，并尝试用最大的可视化效果解释你的问题。你的按钮点击事件在哪里？你能分享你的代码吗？我们将帮助你。请根据你的问题添加代码，试着用最直观的方式来解释你的问题