この記事では、SMS送信のカウントダウンを実装するためのJavaScriptの具体的なコードを参考までに共有します。具体的な内容は次のとおりです。 実装のアイデア: 1. jsは送信ボタン要素オブジェクトを取得します コード例:<!DOCTYPE html> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <meta http-equiv="X-UA-compatible" content="IE=edge"> <meta name="viewport" content="width=デバイス幅、初期スケール=1.0"> <title>SMS を送信</title> <スタイル> 。箱 { 幅: 360ピクセル; マージン: 100px 自動; } </スタイル> </head> <本文> <div class="box"> 携帯電話番号: <input type="number"> <button>SMS を送信</button> </div> <スクリプト> var btn = document.querySelector('ボタン'); var 時間 = 10; btn.addEventListener('クリック', 関数() { btn.disabled = true; var タイマー = setInterval(関数() { 時間 == 0 の場合 // タイマーをクリアしてボタンを復元します clearInterval(timer); btn.disabled = false; btn.innerHTML = 'SMSを送信'; 時間 = 10; } それ以外 { btn.innerHTML = '残り' + 時間 + '秒'; 時間 - ; } }, 1000); }); </スクリプト> </本文> </html> ページ効果: 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: IdeaでTomcatを起動したときに複数のリスナーが報告される問題を解決する
>>: ローカルのMySQLをサーバーデータベースに移行する方法
さっそく、コードを直接投稿します。具体的なコードは次のとおりです。 <!DOCTYPE htm...
シナリオ: docker で tomcat を起動すると (Alibaba Cloud からダウンロ...
フォームが送信されると、返された HTML ページが再レンダリングされ、SELECT コントロールの...
目次1. 背景2. 前提条件https:証明書システム: 3. 操作プロセス3.1 証明書の生成3....
基本概念現在の読み取りとスナップショットの読み取りMVCC では、読み取り操作はスナップショット読み...
序文最近のプロジェクトでは、大量のデータを保存する必要があり、このデータには有効期限があります。クエ...
1. 環境を準備する(Node.jsをダウンロードし、環境変数を設定する) 2. vue-cliをグ...
序文名前付きスロットは、スロット内の「name」属性を使用して要素にバインドされます。知らせ: 1....
SSHFS の機能: FUSE(Linux向けの最高のユーザー空間ファイルシステムフレームワーク)を...
1. 概要MySQL データベースの日常的な操作とメンテナンスにおいて、ユーザーが誤ってデータを削...
目次1. デジタル列挙2. 文字列の列挙3. 逆マッピング4. 異種列挙5. 定数列挙6. 列挙メン...
公式サイトから mysql-5.7.19-winx64 をダウンロードします。これはシステムの 64...
この記事では、MySQL 8.0.15の詳細なインストールと使用方法のチュートリアルを参考までに紹介...
1. 矢印関数1. 矢印関数自体はこれをバインドしないという事実を利用します。 2. render(...
HTML、CSS、JS を使用してシンプルな Web 計算機を作成する方法は?コンピュータには次の...