验证码自动更新

最新推荐文章于 2021-08-11 21:54:00 发布

ouxiejian

最新推荐文章于 2021-08-11 21:54:00 发布

阅读量783

点赞数

文章标签： java js

本文链接：https://blog.csdn.net/ouxiejian/article/details/104655538

版权

本文介绍如何使用JavaScript和Java实现登录界面的验证码每分钟自动刷新功能，通过结合前端JS与后端Java代码，确保验证码的安全性和时效性。

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

每分钟对登录界面的验证码进行自动刷新。
js代码：


//输入验证码文本框：
<div style="text-align: center;" class="verificationCode-panel">
		<input  id="codeText" class="form-focus"  placeholder=" 请输入验证码"/>
		<img  class="verificationCode" src="/verificationCode/getVerificationCode?_="+(new Date()).getTime() />
</div>

//绑定点击事件：点击进行刷新
$('.verificationCode').click(function () {
   
        $(this).attr('src','/verificationCode/getVerificationCode?_='+(new Date()).getTime());
    });
 
//每分钟自动更新相当于每分钟点击一次   
function timeFunction(){
   
		$('.verificationCode').click();
	}
	
//页面加载时会进行刷新
window.onload =function () {
   
        $('.verificationCode').click()