react 中使用定时器 Timers(定时器)
2024-10-19 08:45:25
- setTimeout,clearTmeout
- setInterval,clearInterval
在 class 中
class TimersDemo extends Component {
constructor(props) {
super(props);
this.state={
content:'',
}
}
componentDidMount() {
this.timer = setTimeout(
() => {
this.setState({content:'我是定时器打印的内容...One'})
},
500
);
this.timer_two = setTimeout(
() => {
this.setState({msg:'我是定时器打印的内容...Two'})
},
1000
);
}
componentWillUnmount() {
this.timer && clearTimeout(this.timer);
this.timer_two && clearTimeout(this.timer_two);
}
render() {
return (
<View style={{margin:20}}>
<Text style={styles.welcome}>
定时器实例
</Text>
<Text>{this.state.content}</Text>
<Text>{this.state.msg}</Text>
</View>
);
}
}
setTimeout 延时的定时执行
<CustomButton text='测试setInterval'
onPress={()=>{
this.interval=setInterval(() => {this.setState({sum:(this.state.sum+1)});
},400);
}}
/>
<CustomButton text='clearInterval'
onPress={()=>{
this.interval && clearInterval(this.interval);
}}
/>
setInterval 定时间隔执行
最新文章
- [转帖]零投入用panabit享受万元流控设备——搭建篇
- SQL Split
- 《Focus On 3D Terrain Programming》中一段代码的注释一
- Cocoa与Cocoa Touch的区别
- unix进程的环境--unix环境高级编程读书笔记
- E. Riding in a Lift(Codeforces Round #274)
- 安装Postgresql踩过的坑
- DLL文件修复
- 读Cassandra源码之并发
- Git最牛最全详解
- 移动端使用fastclick时,模拟原生浏览器对象
- 串行FLASH文件系统FatFs---转自野火论坛
- 既然选择了远方,便只顾风雨兼程--myvue
- HDU 3117 Fibonacci Numbers(矩阵)
- MMU实验
- Nodejs编译Native Code:使用C++构建工具npm
- VS2010使用Release进行调试的三个必须设置选项
- 使用Tensorflow训练自己的数据
- Selenium (1) —— Selenium安装与测试(101 Tutorial)
- python 展开嵌套的序列
热门文章
- AT24Cxx学习笔记
- python字符串中包含Unicode插入数据库乱码问题 分类: Python 2015-04-28 18:19 342人阅读 评论(0) 收藏
- win10上走网络打印机(不需找驱动包,会自动)
- 【原】SPARK_MEM和SPARK_WORKER_MEMORY的区别
- ambari 2.6.2 安装 hdp 2.6.5.0 遇到的问题
- 一款高效视频播放控件的设计思路(c# WPF版)
- Chapter 3 Phenomenon——10
- Chapter 3 Phenomenon——9
- java学习-java.lang一Number类
- 使用fastjson进行转换