函数setInterval()在第二次调用时无法正常工作
函数setInterval()是JavaScript中的一个定时器函数，用于按照指定的时间间隔重复执行指定的代码或函数。
然而，当第二次调用setInterval()时无法正常工作的原因可能有以下几种情况：
- 代码逻辑错误：首先需要检查代码中是否存在逻辑错误，例如在第二次调用setInterval()时是否正确指定了要执行的代码或函数。
- 定时器未清除：在使用setInterval()之前，需要确保之前的定时器已经被清除。可以使用函数clearInterval()来清除定时器，确保每次调用setInterval()之前都清除之前的定时器。
- 时间间隔设置错误：可能是因为时间间隔设置不当导致第二次调用无法正常工作。需要确保设置的时间间隔是一个正整数，并且单位是毫秒。
- 浏览器兼容性问题：某些浏览器可能对setInterval()函数的实现有所不同，导致在某些浏览器中无法正常工作。可以尝试使用其他浏览器进行测试，或者使用更可靠的定时器函数，如requestAnimationFrame()。
总结起来，要解决setInterval()在第二次调用时无法正常工作的问题，需要检查代码逻辑、清除之前的定时器、正确设置时间间隔，并注意浏览器兼容性。如果问题仍然存在，可以进一步调试代码或寻求开发社区的帮助。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库（CDB）：https://cloud.tencent.com/product/cdb
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
相关·内容
4回答
JavaScript setInterval没有停工
javascript、jquery、setinterval、clearinterval
我正在使用JavaScript ()运行setInterval计时器。我想运行5秒计时器，然后从零秒重新启动计时器，相同的进程应该运行3次。
<!DOCTYPE html>
<html>
<head>
<title>Jquery setinterval stop after sometime</title>
</head>
<body>
<p>Counter: <span id="counter"></span></p>
浏览 0提问于2018-11-04得票数 0
回答已采纳
3回答
随着时间的推移，javascript计时器计数非常快
javascript、jquery
我想要一个在特定时间间隔内复位的计数器。这是我写的代码。当我刷新页面时，它正在完美地执行。但随着时间的推移，计时器走得很快，跳过了几秒钟。知道为什么会发生这种事吗。
function countdown_new() {
window.setInterval(function () {
var timeCounter = $("b[id=show-time]").html();
var updateTime = eval(timeCounter) - eval(1);
$("b[id=show-time]"
浏览 7提问于2015-06-17得票数 1
回答已采纳
3回答
我怎样才能第二次使用stop？
javascript
我点击“停止”(以形式输入)的时钟停止，但当我点击“停止”后，点击“开始”，它不能run.My的问题是，我如何运行停止第二次？谢谢大家。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>setInterval</title>
<script type="text/javascript"&
浏览 3提问于2021-03-30得票数 0
回答已采纳
3回答
在Javascript/jQuery中重新启动setInterval() (没有clearInterval)
javascript、jquery、timer、setinterval、eventtrigger
我正在开发使用jQuery构建的ui选项卡。除了一个问题，一切都正常工作--我做了一个setInterval，它运行一个函数来执行一个触发器(“单击”)，这样它就会在5000毫秒后转到下一个选项卡。它通过每个选项卡运行，问题是如果用户手动单击一个选项卡，则setInterval的计时器不会在0重新启动。例如，如果用户以0毫秒在tab1上启动，并在2000毫秒时单击tab2，则setInterval不会返回到0，它将从2000年开始，运行到5000毫秒，然后再转到tab3。我理解为什么会发生这种情况，我只是想知道是否有一种方法可以重新启动setInterval计时，而不必执行clearInter
浏览 4提问于2010-12-01得票数 7
1回答
Javascript间隔未清除
javascript、jquery、html、browser
我有一个相当复杂的页面，包含大量ajax调用和后续的dom操作。在一个特定的调用中，它设置一个具有时间限制的间隔(实质上是一个计时器)。我在任何地方，甚至在函数中都设置了clearInterval()，但在非常特殊的用例中(它很复杂，我无法确定重现缺陷的确切原因和步骤)。
$(function() {
window.timer_interval;
// ...
})
function timer()
{
var current = 0;
time_limit = 60;
window.timer
浏览 1提问于2013-08-11得票数 1
回答已采纳
2回答
在初始化计时器之前用clearInterval清除计时器值
javascript、timer
在搜索某些内容时，我找到了这段代码。
clearInterval(slip.timer);
slip.timer = setInterval(function () { mv(target, direction); }, 15);
我的疑问是，首先我们需要用setInterval来设置定时器，然后用clearInterval.Here清除定时器，我们如何在slip.timer初始化之前就使用它呢？有谁可以帮我？我们在哪些应用程序中编写这样的代码？
浏览 2提问于2015-03-09得票数 3
2回答
原始ReactJS更新属性
reactjs
我使用React渲染我的web应用程序所需的一些组件，我有一个带有播放和停止按钮的计时器。我从get请求中检索所有的时间记录，并且我想在组件每次更改时重新修改它，我如何做到这一点？
除了使用一个简单的setInterval来调用this.forceUpdate()函数之外，一切都可以正常工作，但这给了我一个警告：
警告:forceUpdate(.)：只能更新安装或安装组件。这通常意味着在未挂载的组件上调用forceUpdate()。这是禁止行动。请检查TimerBox组件的代码。
我的组成部分：
var TimerBox = React.createClass({
displa
浏览 3提问于2017-03-09得票数 0
回答已采纳
2回答
清除间隔当前不工作。
jquery、ajax、setinterval、clearinterval
我尝试在我的页面中显示增加进度栏。我同时运行两个ajax。我需要在ajax完成后，用setInterval语句停止使用clearInterval(GetProgress);语句，但不起作用。
有什么问题吗？
var RefreshCheapCharters = function (el) {
$(el).append('<i class="fa fa-spinner Rotate360"></i>');
$.when(RefreshProgress(3),
$.ajax({
浏览 3提问于2017-02-06得票数 0
回答已采纳
4回答
setInterval()；和clearInterval的问题
javascript、jquery
我有个问题涉及到一定的时间间隔。最好给出一个例子，这里有一个链接：
基本上，我很难按照我的需要来做这件事。当页面加载时，内容每3秒旋转一次，右边的编号按钮也是如此。当你点击一个按钮，按钮扩展和动画停止-一切都好。然后，当你点击按钮底部的小关闭按钮，动画恢复-所有的good....but，然后当你再次点击编号按钮，动画继续进行。为什么？
有相当多的代码，但是setIntervals和清除间隔是：
第69行:在document.ready上，从-assign timerId启动动画到全局var行87:当用户单击该动画中的编号按钮清除间隔时，第102行:当用户单击关闭按钮时，再次启动动画
就是这样
浏览 6提问于2010-07-28得票数 4
回答已采纳
1回答
使用不同的计时旋转多个图像
javascript、image、image-rotation
我有三张并排的图片，左、中、右。我想让左边的第一个图像在2秒后改变，然后中间的那个在2秒后改变，然后右边的那个在2秒后改变。然后，再过2秒，我想让左边的第一个再次改变，让这个序列重新开始。
我已经将每个图像的javascript代码放在一起，使其具有特定的开始时间，然后间隔6秒，然后再次更改，这就给出了我想要的效果。
该序列在第一次循环中工作，但当第一个图像在第二次循环中运行时，整个过程似乎有点粘连，然后所有图像开始一起变化，就好像它们都相互影响一样。我不知道这是为什么，因为代码分别引用了每一个。任何帮助都将不胜感激。代码如下：
HTML代码：
<div>
<img id=&
浏览 1提问于2018-08-01得票数 0
1回答
clearInterval不工作|未定义
javascript、jquery
我有这样的jQuery代码，在清除间隔方面有问题。
var secs = 50, width = 100;
var counter = function() {
if(secs > 0) {
secs--;
width = width - 2;
$('#time').css('width', width + '%').attr('aria-valuenow', width);
$('.seconds').html(sec
浏览 12提问于2017-01-06得票数 2
回答已采纳
4回答
如何在setInterval中使用setState？(目前正在工作--类似于)
javascript、reactjs、react-hooks、setinterval
function func(){
const [time, setTime] = useState(10);
var timeRemaining = 10;
const myInterval = setInterval(() => {
if (timeRemaining > 0) {
timeRemaining = timeRemaining - 1;
setTime(timeRemaining);
} else { clearInterval(myInterval) }
}, 1000);
retur
浏览 3提问于2020-05-05得票数 1
1回答
read本机setInterval无法读取属性应用
api、react-native、asyncstorage
我是新的react原生的，我正在尝试呈现未读通知的计数，因为我在HOC中调用了API，它在最初的几秒钟内正常工作，但是在那之后，我开始得到下面的错误
func.apply不是一个函数
下面是我的代码
import React, { Component } from "react";
import PropTypes from "prop-types";
import { Modal, View } from "react-native";
import { themes } from "./constants";
浏览 0提问于2019-08-27得票数 0
1回答
在x时间(突变阿波罗)后如何重新渲染反应？
graphql、shopify、apollo、next
我正在向Shopify graphql发送大量数据请求，以获取存储中的所有产品，这可能需要一段时间，这取决于商店有多少产品，因此，Shopify建议使用useMutation发送批量请求，而不是使用useMutation，无论如何，这是我的代码。
const BULK_INIT_MUTATION = gql`
mutation {
bulkOperationRunQuery(
query: """
{
products {
edges {
浏览 1提问于2020-12-23得票数 0
2回答
无法获取要自动更新的聊天时间戳
javascript
我有以下代码，无法在不刷新的情况下更新聊天时间戳。我是javascript的新手。
<code>A0</code>
我试过了：<code>D1</code>、<code>D2</code>和<code>D3</code>，在函数中的不同位置都试过了，不能正常工作。
浏览 22提问于2020-11-18得票数 1
2回答
使用React的Timer应用程序:每次呈现后setInterval都会被清除
javascript、reactjs
我试图创建一个简单的计时器应用程序，将开始增加秒的按钮点击。我正在使用react来实现这个。
import React, { useState } from 'react'
function Timer() {
const [seconds, setSeconds] = useState(0);
const startTimer = () => {
let timerID = setInterval(setSeconds((prevState) => prevState + 1), 1000);
};
return (
<
浏览 0提问于2019-10-29得票数 0
回答已采纳
1回答
如何每分钟刷新一次JWT令牌？
javascript、reactjs、setinterval、use-effect
我试图每隔"t“分钟实现一次访问令牌的自动刷新；我在useEffect中实现了一个useEffect(在根组件中)，它发送一个新访问令牌的请求。当我运行代码时，有时间隔开始于onMount，而另一些时候则根本不运行。
另一个问题是，当我将用户重定向到登录页面时，我尝试清除间隔，即使在clearInterval之后也会继续运行。
如果有其他方法可以在设定的时间间隔内实现JWT刷新令牌，我也对它们开放。
useEffect(() => {
async function getRefreshToken() {
const response = await
浏览 0提问于2021-09-15得票数 1
回答已采纳
3回答
JS: setInterval和模糊
javascript
我有这个：
$(window).blur(function() {
setInterval(function() {
$.ajax({
type: "POST",
url: "imback.php",
data: {
mode: 'ajax',
getUpdates: 'auto',
},
success: function(
浏览 0提问于2010-10-29得票数 0
回答已采纳
1回答
如何在用户允许访问后使用浏览器GeoLocation
javascript、jquery、geolocation
我遇到了天气API调用的问题，它基于geoLocation返回JSON。浏览器询问允许/拒绝访问位置的问题，然后我希望API调用发生，最好是在页面加载时。我已经把呼叫后的按钮点击代替，但它仍然没有更新页面与当地的天气。但是，如果我使用调试器执行代码，它将正常工作。
Javascript：
$(document).ready(function () {
var curLatitude = 'x';
var curLongditude = 'y';
var weatherApi = 'http://api.openweatherm
浏览 2提问于2016-05-10得票数 0
回答已采纳
2回答
如何使用setInterval()自动更改此React项目上的幻灯片
javascript、reactjs、settimeout、setinterval、react-spring
我实现了这个React组件，它在单击它之后得到一个不同的幻灯片。我希望通过使用setInterval方法使它每隔X秒自动更改一次。
我试着使用setInterval，但是我没有得到想要的结果，因为setInterval函数被多次调用，随着时间的增加，幻灯片开始疯狂地变化，直到浏览器冻结。
这是代码框原始项目
这是我目前正在运行的代码
import { useTransition, animated } from 'react-spring'
import clientStyles from '../../styles/modules_scss/clients.modul
浏览 3提问于2020-01-22得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
