vue3 倒计时3秒后返回首页

效果

代码实现

<template>
{{ count }}秒后返回网站首页 <br>
</template><script lang="ts">
import router from "/@/router";
import {onMounted, reactive, ref} from "vue";export default {setup(): any {onMounted(() => {countdown()  //页面一加载成功就执行})let timer = nulllet count: number = ref(10)//倒计时function countdown() {timer = setInterval(() => {count.value = count.value-1if (count.value <= 0) {clearInterval(timer);timer = null;//跳转的页面写在此处router.push({path: "/"}); // 强制切换当前路由 path}}, 1000)}return {count}}
}
</script>

vue3 倒计时3秒后返回首页相关推荐

JS实现自动倒计时30秒后按钮才可用
JS实现自动倒计时30秒后按钮才可用 helloweba.com 作者:月光光时间:2015年08月28日 12:22 标签: javascript 倒计时 WEB开发中经常会用到倒计时来限制用户 ...
winfrom弹出窗口用timer控件控制倒计时20秒后关闭
功能描述: 因为在程序退出时需要确认是否是误操作,所以加了密码输入的子窗体,子窗体在20秒内会自动关闭代码如下: private int count;private void Form2_Load( ...
php 几秒后返回,php计算两个时间差并返回差多少天、时、分、秒
本函数实现两个unix时间戳的差,并返回两个时间戳相差的天.小时.分.秒,精确到秒,两个参数都是时间戳,虽然代码很简单,但是很实用. function timediff($begin_time,$en ...
JS 停留几秒后返回上一页
2019独角兽企业重金招聘Python工程师标准>>> <script type="text/javascript" language="java ...
html页面自动关闭代码,Javascript 实现倒计时(10秒)自动关闭网页
JS倒计时10秒实现功能实例代码一: 倒计时关闭网页 var cTime=10;//这个变量是倒计时的秒数设置为10就是10秒 function TimeClose() { window.setT ...
html 跳转后关闭当前页面,js实现3秒后关闭当前页面
1.js实现3秒后关闭当前页面 var time=3; function closeWindow(){ window.setTimeout('closeWindow()',1000); if(time ...
需求：有一个首页，首页中有登录和注册 1. 点击注册进入注册页面。成功注册后，在页面中显示 “恭喜您，注册成功，页面内将在5秒后跳转到个人主页，点击这里立即跳转” 。进入个人主页后显示当前的时间。
1.项目所需的jar包导包:c3p0包.dbut ils包.servlet包,c3p0依赖包以及c3p0文件配置. 创建一个数据库day0914,并创建一个表user用于数据的存储. 数据库相关的包 ...
404页面 3秒后跳到首页实现
---恢复内容开始--- 当我们访问一个页面不存在的时候,就会跳到404页面一般网站都在在404页面中做一个处理, 就是当用户3秒种内还没有任何操作的话,就会自动跳转到其它页面技术实现有两种方法 ...
vue返回首页后如何清空路由
需求一:从首页点击路由到A页面 A页面点击路由到B页面 B页面点击路由到C页面 C页面点击路由链接到D页面 D页面有个返回首页按钮那么问题来了点击返回首页后,再点击手机的返回键会打开D页面再按 ...

vue3 倒计时3秒后返回首页

效果

代码实现

vue3 倒计时3秒后返回首页相关推荐

最新文章

热门文章