鼠扑 发表于 前天 11:57

HBuilder X中,uni-app、js的延时操作及定时器

 完备源码下载
https://download.csdn.net/download/luckyext/90430165
在HBuilder X中,uni-app、js的延时操作及定时器可以用setTimeout和setInterval这两个函数来实现。
1.setTimeout函数用于在指定的毫秒数后实行一次函数。
比方, 2秒后弹出一个提示框。
                setTimeout(() => {
                        uni.showToast({
                            title:'hello'
                        })
                    }, 2000)  
2.setInterval函数用于每隔指定的毫秒数重复实行函数。比方,每隔1秒在界面显示的计数加1。
    this.id=setInterval(function(){
                    that.value=that.value+1
                    }, 1000);
3.我们可以为每个延时操作分配一个唯一的标识符,并在必要时利用clearTimeout或clearInterval来取消它们。
比方:取消每隔1秒计数
clearInterval(this.id)// 扫除定时器

HBuilder X中,uni-app完备定时示例代码:
功能

[*]点击“2秒后弹出提示框”按钮会弹了提示
[*]点击“开始计数” 按钮会每隔1秒计数加1
[*]点击“停止计数” 按钮会停止每隔1秒计数加1
https://i-blog.csdnimg.cn/direct/0880bf5e08554a5ab17cde0b4c45e6dc.png
https://i-blog.csdnimg.cn/direct/712dfdede2c4435094191cf91850abd8.png
https://i-blog.csdnimg.cn/direct/a24b417b71c642058c906b5a858e68ff.png
完备源码下载
https://download.csdn.net/download/luckyext/90430165

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: HBuilder X中,uni-app、js的延时操作及定时器