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)
推薦する
Linux システムで jmeter を実行し、ローカル メモリを最適化する方法の詳細な説明
1. Linuxシステムにクロスシステムファイル転送ツールをインストールするルートユーザーのルートデ...
MySQL シャーディング入門ガイド
序文リレーショナル データベースは、システムのボトルネックになる可能性が高くなります。単一のマシンの...
jsの継承の6つの方法を詳しく解説
プロトタイプチェーン継承プロトタイプ継承は、ECMAScript における主な継承方法です。基本的な...
MySQL サーバー ログイン エラー ERROR 1820 (HY000) の解決方法
障害サイト: MySQL サーバーにログインし、どのコマンドを実行してもこのエラーが発生します my...
jQueryをベースにカルーセル効果を実現する
この記事では、カルーセルマップの効果を実現するためのjQueryの具体的なコードを参考までに共有しま...
WeChatアプレットはウォーターフォールフローのページングスクロール読み込みを実装します
この記事では、WeChatアプレットのウォーターフォールフローページングスクロールロードを実装するた...
CSSテキストシャドウの徐々にぼやける効果の実装
テキストシャドウテキストに影を追加します。テキストとテキスト装飾に複数のシャドウを追加することができ...
テキストエリアをレイアウトしたときにテキストが左下にあり、サイズを変更できない問題の解決策
2つの小さな問題ですが、長い間私を悩ませていました。最初の質問テキストエリアの左側のテキストは常にテ...
XHTML 入門チュートリアル: テーブルタグの応用
<br />テーブルは XHTML では扱いにくいタグなので、このセクションで理解するだ...
react+antdプロジェクトをゼロから構築する方法を教えます
これまでの記事はすべて私自身の学習記録であり、主に以前に遭遇した落とし穴を忘れないようにするためのも...
タイプライター効果を実現する純粋な js
この記事の例では、タイプライター効果を実現するためのjsの具体的なコードを参考までに共有しています。...
Centos8.2 クラウド サーバー環境に Tomcat8.5 をインストールするための詳細なチュートリアル
Tomcatをインストールする前に、まずJDK環境をインストールしてくださいLinux サーバー上で...
よくある MySQL テーブル設計エラーの概要
目次間違い1: データの列が多すぎる誤解2: 共同クエリが多すぎる誤解3: ENUMの代わりにSET...
複数の HTML ページで HTML コードをまとめて呼び出す方法
方法 1: スクリプト方式を使用する:共通ヘッダー ファイル head.js または共通フッター フ...
VSCode 開発 UNI-APP 構成チュートリアルとプラグイン
目次前面に書かれた予防開発環境構築開発構成に関する注意事項前面に書かれたuni-app は、Vue....