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)
推薦する
フロントエンド例外 502 不正なゲートウェイの原因と解決策
目次502 不正なゲートウェイ エラーの発生1. 502 不正なゲートウェイ エラーとは何ですか? ...
MySQL binlog の解析
目次1. binlogの紹介2. Binlog関連のパラメータ3. バイナリログの内容を分析するIV...
Dockerの国内イメージソースを変更する方法
Dockerデーモンのアクセラレータを構成する設定ファイルから Docker を起動し、/etc/d...
重要なmysqlログファイルの概要
著者: 丁易出典: https://chengxuzhixin.com/blog/post/mysq...
Linux での MySQL のアンインストールとインストールのグラフィック チュートリアル
ブログを書くのは初めてです。開発に携わって2年になります。仕事の後に何か有意義なことを見つけたいと思...
MySQL 5.7 と Mac 上の MySql の詳細なインストール図をダウンロードする
1.ブラウザに次のアドレスを入力します参考: 2. 次のインターフェースに入ります。下の場所をクリッ...
CocosCreatorメッセージ配信メカニズムの詳細な説明
概要この記事は、ゲームビジネスアーキテクチャに関連するコンテンツの紹介から始まります。ゲームビジネス...
Windows/Mac で Docker を使用して MySQL (utf8 を含む) をインストールする
目次1. MacへのDockerのインストール2. Win 10 システムでの Docker のイン...
XHTML CSSを使用して正式なブログを書く
ブログの正式名称は「Web log」で、中国語で「ネットワークログ」を意味します。後にブログに短縮さ...
JS がビデオ弾幕効果を実現
これを実現するには、ES6 モジュール開発とオブザーバー モードを使用します。オブザーバー パターン...
mysql 更新ケース更新フィールド値が固定されていない操作
特定のデータの一括更新処理において、特定のステータスが固定値に更新されるなど、更新するフィールドの値...
MySQLトランザクションとSpring分離レベルの実装原理の詳細な説明
1. トランザクションはACID特性を持つ原子性: トランザクションは、トランザクションによって分割...
MySQL の if 関数の正しい使い方の詳細な説明
今日私が書こうとしている内容では、プログラムは 7 時間近く実行され、データベースに 1,000 万...
Vue3のレスポンシブ原則の詳細な説明
目次Vue2 レスポンシブ原則のレビューVue3 レスポンシブ原則の分析ネストされたオブジェクトの応...
MySQL における KEY、PRIMARY KEY、UNIQUE KEY、INDEX の違い
タイトルで提起された問題は、段階的に分解して解決することができます。 MySQL では KEY と ...