有時候我們會需要用戶在10秒之后才能夠注冊,這時候我們可以借助jQuery來實現。
var countdown = 10; var countdownTimer = setInterval(function(){ if (countdown == 0) { clearInterval(countdownTimer); $('button[type="submit"]').prop('disabled', false); $('button[type="submit"]').html('注冊'); } else { $('button[type="submit"]').prop('disabled', true); $('button[type="submit"]').html('請等待' + countdown.toString() + '秒'); countdown--; } }, 1000);
我們設置了一個倒計時器,每隔1秒鐘就會執行一次。在倒計時結束之前,我們將注冊按鈕禁用,并且修改按鈕文字顯示倒計時。當倒計時結束的時候,我們清除倒計時器,并啟用注冊按鈕,并且修改按鈕文字為“注冊”。
通過這個方法,我們可以實現10秒之后才能夠完成注冊的功能。但是需要注意的是,如果用戶刷新頁面,倒計時會重新開始,因此在后臺也需要進行相應的處理。