js はランダムロールコールを実装します
|
この記事では、ランダムロールコールを実装するためのjsの具体的なコードを参考までに共有します。具体的な内容は次のとおりです。
コード：
<!DOCTYPE html>
<html lang="ja">
<ヘッド>
<メタ文字セット="UTF-8">
<meta name="viewport" content="width=デバイス幅、初期スケール=1.0">
<title>ドキュメント</title>
<スタイル>
div:n番目の子(1) {
幅: 200ピクセル;
高さ: 100px;
背景色: バーリーウッド;
テキスト配置: 中央;
行の高さ: 100px;
}
div:n番目の子(2) {
幅: 100ピクセル;
高さ: 100px;
背景色: ピンク;
境界線の半径: 50%;
テキスト配置: 中央;
行の高さ: 100px;
}
</スタイル>
</head>
<本文>
<div>劉志遠</div>
<div>開始</div>
<スクリプト>
タグ名によって要素を取得します。
var btn = document.getElementsByTagName('button')[0];
ユーザー名()
関数ユーザー名() {
var フラグ = false;
var タイマー ID = null;
// コンソールログ(div);
: : : : : : : : : : : : : : :
div[1].onclick = 関数() {
if (フラグ) {
タイマーIDをクリアします。
div[1].innerHTML = '停止'
フラグ = false;
} それ以外 {
タイマーID = setInterval(関数() {
var re = Math.floor(Math.random() * arr.length);
コンソールにログ出力します。
div[0].innerHTML = arr[re];
}, 60);
div[1].innerHTML = '開始'
フラグ = true;
}
}
}
</スクリプト>
</本文>
</html>以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: CentOS7.4 起動時の緊急モードへようこそメッセージに対する解決策
>>: MySQL 5.7.17 のインストールと設定方法のグラフィック チュートリアル (Windows10)
推薦する
Vue で wangeditor リッチテキスト編集を使用する際の問題
wangEditor は、JavaScript と CSS に基づいて開発された Web リッチ テ...
MySQL の instr を使用したファジー クエリ メソッドの紹介
MySQL の内部関数instrを使用すると、従来の like クエリ メソッドを置き換えることがで...
bash のスクリプトデバッグメカニズムの詳細な説明
スクリプトをデバッグモードで実行するbash -x <script> を使用すると、スク...
一般的な JavaScript メモリ エラーと解決策
目次1. タイマー監視2. イベント監視3.オブザーバー4. ウィンドウオブジェクト5. DOM参照...
MySQL InnoDB テーブルスペース暗号化の例の詳細な説明
序文MySQL 5.7.11 以降、MySQL は、別の表領域に格納された InnoDB テーブルの...
DockerコンテナのIPアドレスを取得する方法の詳細な説明
1.コンテナに入った後 /etc/hosts を cat するコンテナ自体の IP アドレスと (-...
JS を使用してクリップボード内の Excel コンテンツを解析する方法
目次序文1. イベントとクリップボードを貼り付ける2. クリップボード内のコンテンツ形式3. HTM...
ミニプログラムカスタムコンポーネントの非効率的なグローバルスタイルの解決策
目次長すぎて読めないコンポーネントスタイルの分離デモテスト優先度ページの分離構成参考文献ネイティブ ...
MySQLデータベースがNULLを可能な限り避ける理由
MySQL の多くのテーブルには、NULL が列のデフォルト属性であるため、アプリケーションが NU...
MySQL で誤って削除したテーブル データを回復する方法 (必読)
バックアップがあれば、非常に簡単です。最新のバックアップ データを生成し、mysqlbinlog を...
Linuxでバージョン情報を表示する方法
Linux でバージョン情報を表示する方法。ビット数、バージョン情報、CPU コア情報、CPU 固有...
Linuxコマンドをバックグラウンドで実行する方法
通常、ターミナルでコマンドを実行する場合、別のコマンドの入力を開始する前に、現在のコマンドが終了する...
Nginx におけるサーバーとロケーションのマッチングロジックの詳細な理解
サーバーマッチングロジックNginx は、リクエストを実行するサーバー ブロックを決定するときに、サ...
CSS3の新しい背景プロパティの詳細な説明
これまで、CSS の背景の属性には、color、image、repeat、attachment、po...
Reactでのイベントバインディングの実装は3つの方法を指しています
1. 矢印関数1. 矢印関数自体はこれをバインドしないという事実を利用します。 2. render(...