react设置关闭页面时间的方法:1、在constructor中设置5秒的时间值;2、在componentDidMount中添加定时器;3、在render中添加判断即可,代码如“”。

本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。
react关闭页面时间怎么设置?
react中实现简单倒计时关闭页面
首先在constructor中设置5秒的时间值
js+cookie实现页脚固定广告条代码是一款当用户滚动页面时,横幅广告一直固定在页底,并不随页面滚动而滚动,可以关闭广告条,并设置一定时间内不再显示此广告条。
constructor (props) {
super(props)
this.state={
seconds: 5,
dlgTipTxt: '5s后关闭页面'
};
}componentDidMount中添加定时器
componentDidMount () {
let timer = setInterval(() => {
this.setState((preState) =>({
seconds: preState.seconds - 1,
dlgTipTxt: `${preState.seconds - 1}s后自动关闭`,
}),() => {
if(this.state.seconds == 0){
clearInterval(timer);
window.close()
}
});
}, 1000)
}render中添加判断
render() {
return (
{this.state.dlgTipTxt}
}
/>
)
} 推荐学习:《react视频教程》









