uni-app启动页+3秒倒计时跳转(vue3+ts)

范闲~

已于 2022-07-07 15:37:44 修改

阅读量1.6k

点赞数

分类专栏： uniapp 文章标签：大数据

于 2022-07-04 09:05:10 首次发布

本文链接：https://blog.csdn.net/m0_60708088/article/details/125593185

版权

本文介绍了如何在uni-app中利用vue3和typescript创建启动页，并设置3秒倒计时后自动跳转到主应用页面的方法。

摘要由CSDN通过智能技术生成

 <div class="tiao"><div class="tiaoguo" v-if="data.btnfas" @click="daoji">{
  {data.cuntdown}}跳过</div></div>

 <div class="btn" @click="btnfass"> 立即开启 </div>

const data=reactive<any>({
    btnfas: false,
    cuntdown:3,
    timerthree:null,
})
const btnfass=function(){
    data.btnfas=!data.btnfas
    if(!data.timerthree){
        data.timerthree=setInterval(()=>{
            if(data.cuntdown>1&&data.cuntdown<=3){
                data.cuntdown--
            }else{
                clearInterval(data.timerthree)
                data.timerthree=null     
                console.log('dsdsdsfdfsfddsfdfd')
                uni.navigateTo({