用uniapp混合开发小程序启动页面定时5秒跳过

需求小程序启动页的页面带右上角带按钮

上代码

html

<view class="box">
		<text v-model="time" class="text-box" style="" @click="home">跳过{{time}}</text>
		<image class="img" src="../../static/1首页启动.jpg"></image>
	</view>

js

onLoad() {
			var _this = this
			setInterval(function(){
				_this.time--
				if(_this.time==0){
					uni.switchTab({
						url:'/pages/attendance/index'
					})
				}
			},1000)
			
		},
methods: {
			home() {
				console.log("aaa");
				uni.switchTab({
					url: "/pages/attendance/index"
				})
			}
		}

注意在js的细节问题

1：setInterval的this的指向问题

2：跳转的页面的url地址问题

css

<style lang="scss">
	.box {
		width: 100vh;
		height: 100vh;

		.text-box {
			position: absolute;
			top: 10px;
			right: 10px;
			color: #fff;
			width: 60px;
			height: 25px;
			background-color: rgba(255, 255, 255, 0.1);
			text-align: center;
			border-radius: 15px;
		}

		.img {
			width: 100%;
			height: 100%;
		}
	}
</style>