SMS 認証コードのカウントダウン例の共有の js 実装

1. ターゲットが確認コードを取得すると、ボタンに再送信カウントダウンが表示され、カウントダウンが終了すると再びボタンが使用可能になります。この記事では主に js を使用して SMS 認証コードのカウントダウンを実装する例を紹介します。

2. 使用される 2 つの主要な API

は、指定された時間の後に実行されます: setTimeout

3. time は、setInterval

セットA特定の合計時間、インターバルは 1 秒ごとに実行される操作、タイムアウトは時間が経過した後に実行される操作です。カウントダウンが終了したら、1 秒ごとに実行される操作を忘れずにキャンセルしてください。

呼び出し元は、毎秒更新されるコンテンツを渡すだけで済みます。例:

<span style="font-size: 14px;">function createTimer(time,interval,timeout){<br/><br/>  let hasStartTime = 0//已经走了的时间<br/>  interval(hasStartTime)//立即执行一次<br/>  let _interval = setInterval(()=>{<br/>    hasStartTime = hasStartTime+1000<br/>    interval(hasStartTime)<br/>  }, 1000)<br/>  setTimeout(()=>{<br/>    clearInterval(_interval)<br/>    timeout()<br/>  }, time || 60000)<br/>}<br/></span>

js は SMS 認証コードのカウントダウン機能を実装

Laravel で SMS 認証コード送信機能を開発するための「仕様書」(写真)

JS は SMS 認証の取得を実装ユーザー登録時のコードとカウントダウン関数のサンプルコードを共有します

以上がSMS 認証コードのカウントダウン例の共有の js 実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。