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

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

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

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

3. time は、setInterval

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

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

function createTimer(time,interval,timeout){

  let hasStartTime = 0//已经走了的时间
  interval(hasStartTime)//立即执行一次
  let _interval = setInterval(()=>{
    hasStartTime = hasStartTime+1000
    interval(hasStartTime)
  }, 1000)
  setTimeout(()=>{
    clearInterval(_interval)
    timeout()
  }, time || 60000)
}

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

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

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

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