按鈕 點選傳送簡訊按鈕60秒內不能再次點選的功能

2022-08-12 04:48:14 字數 610 閱讀 2990

實現功能:點選按鈕後,該按鈕60秒內不能再次點選,防止重**送簡訊

① 按鈕點選之後,會禁用按鈕(disabled為true)

② 同時按鈕裡面的內容會有變化,注意button裡面的內容通過innerhtml修改

③ 裡面秒數是有變化的,因此需要用到定時器

④ 定義乙個變數,在定時器裡面,不斷遞減

⑤ 如果變數為0說明到了時間,需要停止定時器(否則會繼續遞減,出現負值),並且復原按鈕初始狀態。

<

script

>

varbtn

=document.queryselector(

'button');

vartime =60

;

//定義剩下的秒數

btn.addeventlistener(

'click',

function

() btn.innerhtml ='

還剩下'

+time +'

秒'; time--;

}, 1000

); });

script

>

傳送簡訊按鈕倒計時

1,定時器執行的函式 js var smsbtntiming function else 2,傳送請求,並且操作成功後才執行倒計時 js ajax success function data else else settimeout restorespanhit,4000 settimeout re...

點選按鈕,生成表單

js function addrow var table document.getelementbyid test table if table return var row table.insertrow table.rows.length 1 新增 var cell1 row.insertcel...

防止按鈕重複點選

在傳送ajax請求資料的時,只想傳送一次請求,這就需要避免按鈕重複點選 總結有一下方法 思路 表單元素 設定disabled true 點選一次之後設定input button disabled true 按鈕變灰點選不了 非 表單元素 定義變數 或自定義屬性 如 isclick false 點選完...