登录界面点击登录后如何延迟提示成功的div的显示时间并跳转
需求:
在登录页面点击sign in跳转到下个页面之前,我需要显示成功的窗口2秒然后自动关闭
那我们来研究下setTimeout:
关于这个setTimeout首先下面的代码实现的是两秒之后再显示SuccLogin窗体。
setTimeout(function () {$(".SuccLogin").show();}, 2000);
所以该函数的意思是延迟2秒后在执行函数中的代码
关于Delay
$(".SuccLogin")show().delay(7000).hoide();、/@1this.setState({ //@2
loginState:true})
这个delay是不会影响到其他函数的编译的所以他只是延长了当前的窗体显示的时间,而下面的代码会就进行也就是说其实@1和@2应该是同时执行的
ok所以我们来实现我们的需求
setTimeout(() => {this.setState({name:xiaobi.name,sex:xiaobi.sex,loginState:true})},1000)
由于我设定当loginStatus状态改变时候就跳转
{this.state.loginState? this.props.history.push({pathname: '/Management/MyInfo':''}
功能完成
更多专业前端知识,请上 【猿2048】www.mk2048.com
登录界面点击登录后如何延迟提示成功的div的显示时间并跳转相关推荐
- 登录界面的验证登录以及session的使用
登录界面的验证登录以及session的使用 一.实验要求 (1) 新建 login.jsp 页面,其中,包含登录所需用户名与密码字段. 以及提交(input)和重新填写按钮(reset):表单meth ...
- 玩转Windows个性化登录界面 (更换Windows7登录界面图片/XP仿Win7登录界面)
玩转Windows个性化登录界面 (更换Windows7登录界面图片/XP仿Win7登录界面)
- 关于win10接通电源后,设置睡眠唤醒输入密码登录,点击睡眠后黑屏却无法锁屏(垃圾微软都是bug)
win10版本:家庭版1903(OS内部版本 18362.720) 上图设置完,没有用! 按照https://blog.csdn.net/weixin_35343856/article/details ...
- java图形用户登录界面_Java简单登录图形界面
一.登录界面 1.程序代码 1 import java.awt.*;//导入awt包 2 import javax.swing.*;//导入swing包 3 import java.awt.event ...
- Qt5学习笔记之QQ登录界面二:登录按钮与信号槽
这里写目录标题 概述 使用帮助 自动关联 手动关联 概述 主要是了解QT的信号槽机制,并为登录按键增加一些响应. 使用帮助 使用帮助查看Push Button的信号 自动关联 1.在登录按钮直接右键: ...
- pyqt5登录界面设计——模仿qq登录界面,可登录注册(数据库)
pyqt5登录界面设计--模仿qq登录界面 一.简单易用的可直接登录的界面--账号密码程序写死 1.1.效果图: 1.2.视频效果图 3.代码说明 4.使用示例 5.全部源码见: 二.带数据库的可登录 ...
- limux 卡登录界面_Win7开机登录界面修改,向你的女神表白吧
你是否已经厌倦了古老的win7系统开机登录界面呢,在使用电脑的时候,很多喜欢个性的朋友想着怎么把win7操作系统的登陆界面更换呢?比如更换成自己和女朋友或爱人的合影,比如更换成自己热衷的游戏海报,今天 ...
- linux登录界面说明,Linux登录界面以及简单使用入门
一.登录界面介绍 安装完操作系统以后,就进入到linux登录界面,linux默认登录界面可以分为:字符界面和图形界面: 图形界面如下所示: 字符界面如下所示: 字符登录界面的含义: CentOS re ...
- Microsoft账户打不开登录界面、无法登录,但网络可正常上网,解决方法
自己的情况: 实际上浏览器是可以正常上网的,不过windows网络那里显示"无网络连接",且office等微软账号登录不上,登录界面都无法正常显示,提示"没有网络&quo ...
最新文章
- MinkowskiEngine Miscellaneous Classes杂类
- 上交大张拳石:深度学习可解释性,从百家争鸣到合众归一
- 关于README的内容
- nginx编译包含perl模块
- 打开你的脑洞:NER如何进行数据增强 ?
- 计算机病毒的特点五笔怎么打,电脑有极品五笔的朋友,特别是WIN7的,请删除这个输入法,有病毒...
- 用java判断是否是合法邮箱即验证邮箱格式
- Leetcode——四数之和问题
- matlab海洋数值模拟,海洋数值模拟课程教学大纲.PDF
- python能爬取网站后台数据_如何利用Python爬取网站数据?
- 技术职称论文查重用什么论文查重软件?
- linux基础知识ppt下载,《Linux基础知识》PPT课件.ppt
- 小学计算机课的评语,小学信息技术听课评语
- linux系统显卡显存容量,Linux 查看显卡显存大小
- App打造自定义的统计SDK
- SHA1 算法加密技术核心思想
- 美国艾美奖最佳男配角获得者 彼得·丁拉基
- 2021年江阴各高中高考成绩查询,2021年江阴高考体检指南
- FFmpeg 音视频倍速控制
- 许小年:为何中国经济被拖入…