关于注册成功，进入提示页面，然后跳转

最新推荐文章于 2024-12-11 10:30:42 发布

原创最新推荐文章于 2024-12-11 10:30:42 发布 · 9.9k 阅读

15 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #ViewUI

收录于

java web 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了如何在用户注册成功后实现简洁而有效的提示页面设计，并通过JavaScript实现自动跳转功能，同时提供了持续计时器和手动跳转选项，确保用户体验流畅。

最近在做注册功能的时候，需要在注册成功之后进入提示页面，然后在做其他跳转
基本的流程是：
1.register.jsp页面注册，页面校验过后进入springmvc controller，insert成功后，跳转到提示页面，前面几步基本上就是这样。
2.成功提示页面功能是注册成功提示，持续3秒，然后跳转
下面是成功提示页面，之前操作和我们一般操作一致


<script type="text/javascript">
			var time = 4;
	        function returnUrlByTime() {  
	            window.setTimeout('returnUrlByTime()', 1000);  
	            time = time - 1;  
	            if(time<=0){
	            	time = 0;
	         window.setTimeout("location.href='${pageContext.request.contextPath}/index/index.xhtml';", 0); 
	            }
	            document.getElementById("layer").innerHTML = time;  
	        }  
		</script>
<body onload="returnUrlByTime()">
 <div >
<a href="javascript:void(0)" onclick="window.location.href='${pageContext.request.contextPath}/index/index.xhtml' " ><font size="5px" >恭喜您注册成功，<b><span id="layer">3</span></b>秒后会自动跳转，如果没有跳转，请点这里......</font></a></div>
</body>