Timer (setInterval) on and off

The timer I set is turned on when I click to display the subcomponent. After waiting for 30s, I will close the subcomponent without clicking the page. Every time I click on the page, it will be closed without clicking within 30s. When I click to exit the subcomponent page, it will also be closed.will close the timer

// Start the timer when the parent component displays the child componentthis.$refs.manMachine.openOrCloseTime(true)

Define the name of the timer and the variable used to count in the subcomponent

 // start the timeropenOrCloseTime(isOpen){// When the parent component calls the method, the parameter is passed to decide whether to start the timerif(isOpen==true){timer=setInterval(()=>{this.count--// Turn off the timer when the count variable value becomes 0if(this.count==0){this.close(timer);}},1000)}else{this.close(timer);}},// close the timerclose(timer){clearInterval(timer);// restore the count variable to the initial value for the next usethis.count=30;// Modify the variable value passed from the parent component to control whether the child component is displayed to close the child componentthis.$emit("update:isChat", this.show);},

Remember to call the method to close the timer when closing the page

After operating on the page, restore the initial value of the count variable this.count=30, and let the timer re-time