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)
推薦する
MySQL トランザクションと分離レベルの基本原理の簡単な分析
目次序文1. 取引の基本原則の簡単な分析原子性:持続性分離：一貫性： 2. 分離レベルの基本原理の分...
SpringBoot でマイクロサービスを構築するために Docker を使用した実際の記録を分析する
それは何ですか？ Spring Boot は、Spring オープンソース組織のサブプロジェクトであ...
MySQL 8.0.17 解凍版のインストールと設定方法のグラフィックチュートリアル
インストール中に遭遇した問題を記録しておきますので、皆様のお役に立てれば幸いです。 1. ダウンロー...
スライダー間隔コンポーネントのネイティブ js 実装
この記事の例では、スライダー間隔コンポーネントを実装するためのjsの具体的なコードを参考までに共有し...
CSS3 で作成したホバーズーム効果
結果：実装コード: html <link href='https://fonts.go...
MySQL のテーブル内のレコード数を制限する方法
目次1. トリガーソリューション2. パーティションテーブルソリューション3. 一般的な表領域ソリュ...
CocosCreator クラシック エントリー プロジェクト flappybird
目次開発環境ゲームエンジンのコンセプトCocos Creatorについてプロジェクト構造コード編集環...
jQuery ツリービュー ツリー構造アプリケーション
この記事では、jQueryツリービューツリー構造のアプリケーションコードを例として紹介します。具体的...
Mac でソースコードから MySQL 5.7.17 をコンパイルしてインストールするチュートリアル
1. ダウンロードして解凍します: /Users/xiechunping/Softwares/mys...
Mysqlクエリ条件で文字列の末尾にスペースがあっても一致しない問題の詳細な説明
1. テーブル構造テーブル人id名前1あなた2あなた（スペース） 3あなた（スペース2つ） 2. ク...
ボタンをクリックして画像を切り替える JavaScript
この記事の例では、ボタンをクリックすることで画像を切り替えることを実現するJavaScriptの具体...
検証コードケースのJavaScript実装
この記事では、検証コードの効果を実現するためのJavaScriptの具体的なコードを参考までに共有し...
HTML テーブル マークアップ チュートリアル (38): ヘッダーの境界線の色属性 BORDERCOLOR
テーブルを美しくするために、ヘッダーに異なる境界線の色を設定できます。基本的な構文<TH 境界...
Dockerはmacvlanをベースにホスト間コンテナ通信を実装する
2 台のテスト マシンを見つけます。 [root@docker1 centos_zabbix]# d...
MySQL 8.0.16 Win10 zip バージョンのインストールと設定のグラフィック チュートリアル
この記事では、MySQL 8.0.16 Win10 zip版のインストールと設定のグラフィックチュー...