setInterval和clearInterval -不停止计时器
setInterval和clearInterval是JavaScript中的两个函数，用于创建和清除定时器。
- setInterval函数：
- 概念：setInterval是一个周期性触发的定时器函数，用于设置在指定的时间间隔后重复执行指定的代码或函数。
- 优势：setInterval函数能够方便地实现周期性的操作，比如定时刷新页面内容、轮播广告等。
- 应用场景：适用于需要定时执行某个任务或重复性操作的场景，比如定时更新数据、定时发送请求等。
- 腾讯云相关产品和介绍链接：
- 云函数SCF（Serverless Cloud Function）：https://cloud.tencent.com/product/scf
- 云托管TKE（Tencent Kubernetes Engine）：https://cloud.tencent.com/product/tke
- clearInterval函数：
- 概念：clearInterval函数用于清除之前通过setInterval函数创建的定时器，停止定时器的执行。
- 优势：通过clearInterval函数可以有效地停止定时器的执行，避免无用的计时器继续消耗资源。
- 应用场景：适用于需要在一定条件下停止定时器执行的场景，比如用户点击停止按钮后停止定时器的执行。
- 腾讯云相关产品和介绍链接：
- 云函数SCF（Serverless Cloud Function）：https://cloud.tencent.com/product/scf
- 云托管TKE（Tencent Kubernetes Engine）：https://cloud.tencent.com/product/tke
总结：setInterval和clearInterval是JavaScript中用于创建和清除定时器的函数，可以实现周期性触发的操作。setInterval函数能够重复执行指定的代码或函数，适用于需要定时执行任务的场景；clearInterval函数用于停止定时器的执行，适用于需要在一定条件下停止定时器执行的场景。腾讯云提供的相关产品包括云函数SCF和云托管TKE，可用于支持定时任务和云端应用部署。
相关·内容
4回答
“主”页结合jQuery.load使用setInterval从“子”页加载内容。
我需要能够停止自动刷新发生，如果“子”页面包含特定的标志。
换句话说，应该重新加载"Sub“页面，直到它告诉Main停止自动刷新。
实现这一目标的最佳方法是什么？
浏览 0提问于2011-11-17得票数 2
回答已采纳
4回答
如何停止和启动setInterval
假设我有一个textarea。我想在聚焦时停止setInterval，在模糊时重新启动setInterval (使用jQuery)。
浏览 0提问于2009-12-02得票数 112
TLDR:如何设置post请求，每秒将接收的数据发送到另一个源，然后当发出相同的post请求时，它停止发送旧数据，并开始每秒再次发送新数据。
我有一个运行Express的Node.js服务器。每次客户端向我的某个路由发出post请求时，我每秒(使用setInterval)向Apache Kafka队列发送数据。当向我的服务器发出新的post请求时，它会创建该setInterval函数的一个新实例，并实际每秒发送新数据和旧数据。
我需要Node.js停止向队列发送旧数据，改为发送新数据。
有什么想法吗？
浏览 43提问于2018-05-30得票数 0
回答已采纳
我使用幻灯片，因为它看起来超级好和轻量级。
我希望幻灯片在用户悬停鼠标时播放，当用户离开时停止播放。
我已经按照指南文档使用了setInterval()，但我无法让幻灯片停止。我想消磨这段时间，但这似乎行不通。
这是我的完整代码
const mySiema = new Siema({
duration: 250,
loop: true, // note: this just gets the slideshow to return to the beginning
});
const container = document.querySelector('.siema'
浏览 5提问于2017-10-27得票数 0
回答已采纳
在JavaScript中，我使用setInterval(fname, 10000);每隔10秒调用一个函数。是否可以在某些事件上停止调用它？
我希望用户能够停止重复刷新数据。
浏览 3提问于2008-09-20得票数 1613
回答已采纳
function consoleTest() {
setInterval(function(){
console.log('Hello World');
}, 1000);
}
$('#button').on('click', function(){
clearInterval(consoleTest);
});
consoleTest();
我创建了一个简单的应用程序，当我点击按钮时，它将停止/暂停间隔。我知道如何让它工作，我只需要在函数外声明一个变量，并在那里包含setInterval，现在我只是搞不懂为
浏览 2提问于2017-03-09得票数 4
4回答
我希望如果我调用我的第二个，如果否则工作，那么第一个应该停止。但这也会继续运行。如果第一个运行第二个应该停止。
if(e.keyCode == 39) {
setInterval(function(){
//
}, 10);
} else if(e.keyCode == 37) {
setInterval(function(){
//
}, 10);
}
浏览 0提问于2015-02-10得票数 0
我正试图在javascript中制作一个计时器。我希望计时器在点击时停止，但它不会。我有两个参数：“开始”和“停止”。我希望我的程序重新启动计时器，如果开始按钮被点击，而计时器已经开始，当停止按钮被点击时停止。
function timer(start, stop) {
let count;
if (start) {
let count = 0;
setInterval(() => {
count++;
console.log(count);
}, 1000);
}
if (stop) {
count = count;
}
浏览 2提问于2019-07-21得票数 0
回答已采纳
2回答
我有4个div‘s每个包含一个图像项和一个选择列表4 div-id。我想通过每2秒改变每个图像的源来同时刷新图像。
我对每个映像都使用setInterval()，问题是必须同时停止所有计时器。
我应该为每个div/img设置一个计时器变量吗？
$(.div-id option:selected).each(function(){
var timer = setInterval(function(){
$(.div-id img).attr("src", "new-source-path");
},2000);
});
如何在不停止每个计
浏览 2提问于2015-02-04得票数 0
回答已采纳
3回答
我使用setInterval()和clearInterval()方法分别用于计时器和停止计时器。我使用了两个按钮“启动计时器”和“停止计时器”。当我点击“停止计时器”按钮时，计时器停止，点击“启动计时器”按钮后，计时器停止，之后当我再次点击“停止计时器”按钮时，计时器不会停止。你能帮帮我吗？下面是我的代码：
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<p id=&
浏览 2提问于2014-11-15得票数 0
2回答
如何停止切换类
、、
这就是我开始切换类的方式：
$(document).ready(function() {
window.setInterval(function() {
$('.blinkClass').toggleClass('blink');
}, 500);
});
我怎样才能停止切换这些类？
浏览 1提问于2015-11-18得票数 0
如何在javascript中停止一个时间间隔？
为什么间隔时间不会停止？
setInterval(alarm, 500);
window.clearInterval(alarm);
还尝试了：
window.setInterval(alarm, 500);
window.clearInterval(alarm);
总是同一个问题:(
仍然不起作用：
var switc = 1;
getValue();
function getValue (){
if(switc == 1){
var myTimer = window.setInterval(alarm, 500);
}
else if
浏览 2提问于2013-04-04得票数 3
回答已采纳
1回答
我正在制作一个不和谐的机器人，我创建了一个命令，每当有人执行命令"!ping @ example“时，它就会每分钟ping @example一次，直到@example停止。我已经成功地创建了循环，但是我不能终止循环。 var interval = setInterval (function () {
const user = message.mentions.users.first();
message.channel.send('You have been pinged!' + '\n' + '<@'
浏览 35提问于2021-05-07得票数 1
回答已采纳
3回答
所以我一直在尝试做一个计时器类型的东西，从0到5计数(每秒钟增加一个数字，就像正常的计时器)，然后停止在5，但它没有停止在5。我做错了什么？
var licz = 0;
function timer() {
window.setInterval(
function() {
document.getElementById('timer_r').innerHTML = licz;
licz++;
if (licz >= 5) {
window.clearInterval(timer);
}
浏览 7提问于2022-10-08得票数 2
回答已采纳
2回答
我正在开发一个应用程序，我有一个计时器，上面显示了当前的日期、小时、分钟和秒。它每秒递增一次。我想要做的是在单击按钮时停止计时器，但是我不确定为什么clearInterval()函数不能工作。我的代码是： class Timer extends React.Component {
constructor(props) {
super(props);
this.state = {
timer: "",
};
}
componentDidMount() {
//cur
浏览 51提问于2020-12-16得票数 0
我已经知道，通过使用下面的代码，我们可以闪烁我的html页面的背景：
<script type="text/javascript">
setInterval("Timer()", 500);
var x=1;
var set;
function Timer()
{
set=1;
if(x==0 && set==1) {
document.bgColor='#00008B';
x=1;
set=0;
}
if(x==1 &&
浏览 1提问于2013-03-26得票数 1
回答已采纳
我在停止我的功能时遇到了麻烦。我已经阅读了其他建议的问题和答案，并进行了广泛的搜索。
如何停止计时器？我已经尝试覆盖来自孩子的变量，但没有用。
timer = setInterval(function() {
spawnAlien();
var alienCollision = collision($("#orb"), $("#alienDiv"));
console.log(alienCollision);
if (alienCollision === true) {
($("#orb"), $("#a
浏览 0提问于2017-11-20得票数 0
3回答
进入另一个组件后，计时器不会停止，然后失败者组件将运行，但我可以在控制台中看到卸载。我的意思是想在类组件中清理像componentWillUnmount这样的计时器函数。 function timeDown() {
if (stepName == 'question') {
let haveTime = state.haveTime;
let time = setInterval(() => {
haveTime -= 1;
setSt
浏览 56提问于2021-10-04得票数 0
1回答
我有javascript，它每2.5秒刷新一次通过JS请求生成的rails视图的一部分，以便更新一个简单的进度条。
function refreshPage(){
$.ajax({
type:"GET",
dataType:"script"
})
}
setInterval(function(){
refreshPage();
}, 2500);
由于某些原因，即使在用户离开页面后，这种情况仍在继续。在开发和生产中都会发生这种情况。停止它的唯一方法是让用户转到不同的页面并刷新F5。
这可能是我错过的很简单的事情。我需要某
浏览 1提问于2016-05-14得票数 0
回答已采纳
我正在开发一个应用程序，其中有一个页面的部分内容需要每隔一段时间进行更新。我在考虑使用JavaScript setInterval来完成此任务，但我以前从未使用过此方法，那么如何在加载特定页面时启动setinterval，并在页面卸载之前停止setinterval。
顺便说一句，如果你知道任何更好的方法来完成这类任务，请友好地与我分享。谢谢你的帮助。
浏览 0提问于2011-08-17得票数 0
回答已采纳
我在一个部分隐藏的div容器上有一个动画，它将在ajax查询返回的结果为true时执行。(动画实际上只是将框带到更大的视图中，然后再次将其滑回)
$('#box').animate({'right':'-184px'}, 300, 'easeOutBounce');
$('#box').animate({'right':'-194px'}, 150, 'easeOutExpo');
如何让此动画每4秒重复一次，直到用户单击$('#box')
任何帮助都
浏览 0提问于2010-04-14得票数 2
回答已采纳
输出:在1秒后增加第二个值.1.2.3.4等，告诉我为什么它是这样的，我知道另一个进程是这样做的，但是为什么这个过程没有停止间隔
const [seconds, setSeconds] = useState(0);
const [Flag,setFlag]= useState(0);
function inc() {
setSeconds(seconds=>seconds + 1);
setFlag(1);
}
useEffect(() => {
let interval = setInterval(i
浏览 7提问于2022-01-24得票数 0
我是js中的新手，我已经创建了简单的倒计时，但是如果count =0的值是我的脚本，我想停止它。
var no;
no = 5;
$(document).ready(
function(){
timer();
var t = setInterval(timer, 1000);
var c = setInterval(cek, 1000);
}
);
function timer(){
no--;
$('.timer').html(no);
}
function cek(){
if(no===0){
浏览 9提问于2014-04-07得票数 0
回答已采纳
3回答
我正在构建一个应用程序，它有一个定时器来请求地理位置，而计时器是活动的。作为计时器，我正在使用。有点工作，但不完全是我想要的。
使用这段代码：
BackgroundTimer.runBackgroundTimer(() => {
console.log('tic');
},
1000);
当应用程序处于后台时，定时器就停止了。使用这段代码时：
const intervalId = BackgroundTimer.setInterval(() => {
console.log('tic');
}, 1000);
即使在后台，它也会
浏览 0提问于2019-02-22得票数 5
回答已采纳
2回答
如何将setInterval计时器重置为0？
var myTimer = setInterval(function() {
console.log('idle');
}, 4000);
我尝试了clearInterval(myTimer)，但这完全停止了间隔。我希望它从0重新启动。
浏览 0提问于2011-11-15得票数 100
回答已采纳
在一个对象(程序集)中，我有两个属性(check&blipbg)
我为他们每一个发射2 setInterval。
当我对每一个调用clearInterval时，只有一个工作: clearInterval(assembly.checkinterval)；
clearInterval(assembly.blipinterval)；不工作，并且随机地继续运行几个周期并停止，或者不确定地运行。
范围问题？但为什么要工作呢？
<script>
$(document).ready(function () {
var zipli = $('.zipli&
浏览 3提问于2015-06-04得票数 0
回答已采纳
你好，有没有一种方法可以用setInterval调用一个函数，然后清除间隔？ 示例:当我在聊天中写!start interval函数时，应以interval开头。当我写下!stop in the chat时，带有interval的函数应该会停止。 这是我的函数： function abb(channel){
console.log('Auto-Ban-Bot Timer running...')
getChannelViewers(channel.replace('#','')).then(
promise =&
浏览 29提问于2021-09-16得票数 1
如何清除匿名setInterval函数，如以下所示，以便停止递增？
var i = 0;
setInterval(function(){
console.log(i);
i++;
}, 1000);
浏览 2提问于2019-02-08得票数 0
我正试图用这个目标来制作一个剧本：
每X秒检查一次是否有新的顺序(函数refreshIntervalId() )
如果有新订单，请停止setTimeover
在另一个函数(函数refreshIntervalId2() )中执行一些操作，然后再次启动de setTimeover
我用这段代码实现了这个目标，它可以工作，但是计时器从不停止，它每5秒执行一次。
你知道我该怎么解决这个问题吗？提前感谢
var refreshIntervalId, refreshIntervalId2;
$("input:text:visible:first").focus
浏览 5提问于2013-01-16得票数 0
回答已采纳
Js对我来说很难
export default function Timer() {
const [timer, setTimer] = useState(10000);
useEffect(() => {
setInterval(() => {
if (Number(timer) > Number(6000)) {
setTimer((prevCount) => prevCount - 100);
}
}, 100);
}, []);
console.log(timer);
为什么这个计时
浏览 8提问于2022-02-23得票数 0
回答已采纳
1回答
我正在尝试复制“墨西哥波”的运动。我正在使用闪存CS5，并使用AS2。
我已经创建了一个“跳跃”图形，并在剪辑中对它进行了动画处理，这样它就会跳上一次，然后落到地面上。我把剪辑放到了主时间轴上，并重复了很多次，这样我就有了一排“跳线”。我给了每个实例一个唯一的ID，然后我告诉每个剪辑实例开始播放，使用下面的代码：
var total_jumpers = 36;
var i = 0;
var jumpLag = 1000;
function do_jump(bottle) {
jumper.play();
}
for( i=1; i<=total_jumpers; i++)
{
浏览 4提问于2011-08-26得票数 1
回答已采纳
所以我基本上有一个计时器，它每4秒计数一次。当它到10的时候它就会停止。
问:如何让计时器在10停止几秒钟，然后在1重新开始计数？
var i = 8;
setInterval( increment, 4000);
function increment(){
if(i<=10)
{
console.log(i);
$('.increase').html('').append(i);
i++;
}
}
JSfiddle：
浏览 2提问于2015-06-22得票数 0
1回答
我正在尝试使用javascript制作一个倒计时脚本。但我有一个问题，停止计数下来。
我已经从 codepen.io创建了这个
在这个演示中，您可以看到页面加载后，倒计时将开始，没有问题。但是如果您在fadeOut倒计时后在开发人员控制台中检查它，那么您可以看到倒计时仍然是-1，-2，-3，.
我的问题是如何在fadeOut之后停止倒计时？
JS
$(document).ready(function() {
var sec = 5
var timer = setInterval(function() {
$("#mdtimer span").text(s
浏览 3提问于2016-05-13得票数 0
回答已采纳
setInterval中的定时值决定了下一次调用函数的时间。例如：
t = 8000;
myFunction(){
if (someCondition){
//halt setInterval
//t = 5000;
// setInterval(myFunction,t);
}
// do some logic
}
setInterval(myFunction, t);
问题是t的更改不会影响我希望在下一次调用之前保持当前调用的时间。换句话说，是否有任何方法来停止setInterval，然后我可以用新的时间重新设置它
浏览 6提问于2013-11-05得票数 0
回答已采纳
我有以下代码：
contaTempo(){
setInterval(() => this.setState({tempo: this.state.tempo+1}), 1000)
if (this.state.tempo >= 5) {
this.props.navigation.navigate('Sobre')
}
}
setInterval工作正常，但if不工作。此外，计时器永远不会停止。有什么帮助吗？
浏览 0提问于2018-03-25得票数 6
回答已采纳
3回答
我的类结构是这样的：
var jpTWUI = function(id, connection){
this.id = id;
this.muteButton = "#mute";
this.hangupButton = "#hang";
this.transferButton = "#trans";
this.parentElement = jQuery('#timerCon');
this.connection = connection;
this.interval =
浏览 2提问于2012-10-04得票数 0
回答已采纳
start.on('click', function(){
setInterval(time, 1000);
object.animate({ marginTop: '500px' }, 3000, function () {
normaal.fadeIn(700);
});
});
function time() {
change.textContent = Number(change.textContent) + 50;
}
我能多么巧妙地停止(清楚)这个setInterval。我想要它在3000毫秒后自动启动，一旦偶数被调用。
浏览 5提问于2017-02-13得票数 1
回答已采纳
2回答
首先:我检查了类似的问题，但不明白。在堆栈溢出的一些温柔的人的帮助下，我曾经在我的网站上实现了下面的间隔定时器序列。基本上，它是一种预告片，在自动幻灯片工作的例子(工作属性为f.e。定义在数组中的定时值-因此它可以保持灵活，可以通过稍后更新数组值来更改序列和时序)。
联署材料：
var trailer = [1,3,4,2, …] // works contained in automatic trailer
// define here individual properties of each work
var works = {
1: { …, time: 95 },
浏览 3提问于2015-02-05得票数 0
1回答
所以我们可以很好地运行这个程序，我们只需要一点帮助，或者在正确的方向上找到一个正确的指针来指导我们如何开始和停止动画。我尝试了几种方法，但似乎都没有奏效。我花了大量的时间在网上尝试寻找解决方案的帮助。我开始相信，问题出在告诉形状移动的线条上。提前感谢您的帮助。
JS：
var myGamePiece;
function startGame() {
myGamePiece = new component(30, 30, "red", 10, 120);
myGameArea.start();
}
var myGameArea = {
canvas :
浏览 0提问于2018-03-12得票数 0
我正在使用下面的函数启动和停止spin.Basically，我尝试添加一个自动定位按钮，并尝试了下面的方法，但它不是working.Start功能工作，但停止工作。
var nIntervId;
this._onAutoSpin = function(){
s_oGame.onSpin();
nIntervId = setInterval(this._onAutoSpin, 10 * 1000);
};
this._offAutoSpin = function(){
clearInterval(nIntervId);
};
浏览 0提问于2017-04-28得票数 4
回答已采纳
我有一个计时器函数，当它低于1分钟时，调用这个函数来闪现特定的文本。(基于这个jsfiddle：)
$(document).ready(function(){
setInterval(function(){
$('.flash').toggleClass('active');
}, 500);
});
在一分钟结束后，我需要停止切换这个类，并将它与.active关闭。我不知道该怎么做。
请记住，有一个js window.setInter
浏览 8提问于2017-03-19得票数 1
回答已采纳
我有一个应用程序，当一个按钮被按下时，启动一个间隔。我想在状态达到5之后停止间隔。我尝试在UseEffect中添加if条件，并尝试将条件放入函数本身，但两者似乎都不起作用。console.log(sequence)确实在useEffect中成功地打印了--我可以看到序列确实增加了，但是它一直在增加超过5，从来没有clearInterval。
const [sequence, setSequence] = useState(0)
const interval = () =>{
setInterval(() => {
set
浏览 1提问于2022-02-17得票数 1
回答已采纳
1回答
现在，我有这个1分钟计时器在我的后台页面，永远运行，我希望能够启动和停止它从一个选项页面。
chrome.browserAction.setBadgeBackgroundColor({color:[0, 0, 0, 255]});
var i = 1;
window.setInterval(function(timer) {
chrome.browserAction.setBadgeText({text:String(i)});
i++;
}, 60000);
浏览 0提问于2012-02-07得票数 0
回答已采纳
我正在做这个自定义的新闻滚动条(无法为这个插入一个新的插件:-( )，大部分都已经完成了，我唯一需要做的就是停止mouseHover上的滚动条并恢复mouseOut上的动画。)
这就是我正在使用的函数
function tick(){
$('#bigWinners li:first').animate({'left':-150}, 200, function () { $(this).appendTo($('#bigWinners')).css('left', 0); });
}
setInterval(function(){
浏览 2提问于2013-01-07得票数 1
1回答
带间隔的触发点击
、、
我有JS
setTimeout(function() {
setInterval(function() {
$('.home-tab-news').trigger('click');
}, 15000);
}, 5000);
setTimeout(function() {
setInterval(function() {
$('.home-tab-project').trigger('click');
}, 15000);
}, 10000);
setTimeout(function() {
setInterv
浏览 4提问于2014-10-03得票数 2
回答已采纳
我正在建造一个角度的基本计时器。为此，我有两个按钮，一个启动定时器，另一个停止它。我正在用1000 am的延迟实现setInterval。但是当我按下停止按钮时，计时器就停止了，但是timeoutId没有被清除。我想防止用户不启动另一个计时器时，第一个没有完成。我使用- if (this.timeoutId)返回；-但是当我停止它时，我无法再次启动它。问题是如何防止用户在计时器启动时启动新的计时器。当我阻止它的时候，我怎么才能重新开始它。
//游戏-控制-组件。
import { Component, OnInit, Output, EventEmitter } from '@angu
浏览 6提问于2022-02-11得票数 2
目前在我的网页上，我有一个计时器，它每30秒运行一次函数：
setInterval("someFunction(userId)", 30000);
这很好用，但问题是，如果100%的用户打开他们的浏览器(比如当他们去吃午饭的时候)，它将轮询我们的系统并无缘无故地增加我们服务器上的负载。
我怎么才能在20分钟后停止这个计时器呢？
浏览 0提问于2012-10-18得票数 4
回答已采纳
我已经使用jQuery创建了一个图像的“循环”，我希望它在悬停时停止，但不知道从哪里开始。循环切换图像而不会在它们之间褪色，所以这不是问题所在。我对jQuery还很陌生，虽然我已经开始掌握它的概念，但我还远远不擅长它。
现在，该脚本如下所示：
<script type='text/javascript'>
function cycleImages(){
var $active = $('#cycler .active');
var $next = ($active.next().length > 0) ? $active.
浏览 0提问于2013-12-21得票数 0
4回答
我正在使用datatable，并且有一个选项可以使用setInterval来刷新表内容。
问题是，当用户停留在该页上时，如果该页正在执行一致的重新加载同一数据集的每秒，则网络通信量正在增加。
我想在10秒后停止，因为我认为这是用户在去其他地方之前停留在该页面上的平均时间。
不确定如何包含10秒超时，下面是我目前的代码：
setInterval(function() {
$('#Table1').DataTable().ajax.reload(null, false);
}, 1000);
浏览 5提问于2017-06-27得票数 0
回答已采纳
我正在创建一个图像旋转器，它可以循环两个图像，具有很好的交叉衰减。我正在使用setInterval来完成这个任务--但出于性能原因，我希望在调整浏览器大小时停止计时器。
首先，我定义了函数和全局处理程序：
var imageRotator;
var getImageRotator = function() {
if (imageRotator)
clearInterval(imageRotator); // <-- not working it would seem?
setInterval(function() {
$('.ima
浏览 6提问于2014-11-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
