diff --git a/templates/system/login.html b/templates/system/login.html
index bef6b6d..70b88b6 100644
--- a/templates/system/login.html
+++ b/templates/system/login.html
@@ -43,6 +43,29 @@
         let popup = layui.popup;
         let captchaPath = "{{ url_for('system.passport.get_captcha') }}";
 
+        /**
+         * 刷新验证码函数
+         */
+        const refreshCaptchaImage = (function () {
+            let captchaImage = document.getElementById("captchaImage")
+            return function () {
+                captchaImage.src = captchaPath + "?" + Math.random()
+            }
+        })()
+
+        /**
+         * 立即刷新验证码并且每隔 30秒 刷新
+         */
+        const initCaptchaImageTimer = (function () {
+            let captchaImageTimer = null
+            return function () {
+                captchaImageTimer = setInterval(function () {
+                    refreshCaptchaImage()
+                }, 30 * 1000);
+                refreshCaptchaImage()
+            }
+        })()
+
         form.on('submit(login)', function (data) {
             let loader = layer.load();
             let btn = button.load({elem: '.login'});
@@ -59,7 +82,7 @@
                             })
                         } else {
                             popup.failure(result.msg, function () {
-                                document.getElementById("captchaImage").src = captchaPath + "?" + Math.random();
+                                initCaptchaImageTimer()
                             });
                         }
                     })
@@ -67,13 +90,9 @@
             });
             return false;
         });
-
         $("#captchaImage").click(function () {
-            document.getElementById("captchaImage").src = captchaPath + "?" + Math.random();
+            initCaptchaImageTimer()
         });
-        setInterval(function () {
-            document.getElementById("captchaImage").src = captchaPath + "?" + Math.random();
-        }, 30 * 1000);
     })
 </script>
 <script>