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)
推薦する
jQueryメソッド属性の詳細な説明
目次1. jQueryの紹介2. jQueryセレクター2.1 5つの基本セレクタ2.2 4種類の関...
MySQL インデックスの正しい使い方とインデックスの原理の詳細な説明
1. はじめになぜインデックスが必要なのでしょうか?一般的なアプリケーション システムでは、読み取り...
MYSQL における char と varchar の違い
CHAR 型と VARCHAR 型は似ていますが、主に格納場所、末尾のスペース、取得方法が異なります...
ウェブデザイナーが注意すべき 43 のウェブデザインの間違い
これはウェブサイトのユーザビリティに関する記事です。著者は自身の経験に基づいて、ウェブサイトのデザイ...
mysql ステートメントを使用してユーザー権限を照会するプロセスの詳細な説明
MySQL では、ユーザーに付与された権限をどのように確認しますか? ユーザーに付与される権限は、グ...
MySQL カーソル関数と使用法
目次意味カーソルの役割カーソルの使用カーソルの宣言カーソルを開くカーソルデータのトラバースカーソルを...
Mysql データベースの日付と日時型でデフォルト値 0000-00-00 を設定するときに発生するエラー問題の詳細な説明
現象: MySQL バージョン 5.7 以降では、日付型と日付時刻型のデフォルト値が「0000-00...
Vueの監視方法のケースの詳細な説明
Vueでの監視方法時計知らせ名前: 監視する属性に同じ名前を付ける必要があります。 1. 機能Vue...
MySQL デッドロックのトラブルシューティングの全プロセス記録
【著者】 Liu Bo: Ctrip テクニカル サポート センターのシニア データベース マネージ...
HTMLからPDFへのスクリーンショット保存機能の実装
テクノロジーの活用itext.jar: バイト ファイル入力ストリームを画像、PDF などに変換しま...
MySQLにおける分散ロックの考え方をDBの助けを借りて詳しく説明します
序文スタンドアロン ロックであっても分散ロックであっても、共有データに基づいて現在の操作の動作を判断...
Mac インストール mysqlclient プロセス分析
仮想環境で pip 経由でインストールしてみてください: pip で mysqlclient をイン...
HTML5で見逃せないAPIやヒントのまとめ
これまでのブログ投稿では、HTML 5 ではあまり使われていないが注目すべき API やヒントに焦点...
Vuex のコアコンセプトと基本的な使用法の詳細な説明
目次導入始めるインストール①直接ダウンロードする方法②CND法③NPM方式④糸法NPMインストールの...
フロントエンド HTML+CSS+JS を使用してシンプルな TODOLIST 関数を開発する (メモ帳)
目次1. 簡単な紹介2. スクリーンショットを実行する3. コードの紹介4. まとめ1. 簡単な紹介...