固定された位置から開始コードセグメントは、また、任意の開始位置から乱数を生成するために使用することができ、トリガ要求は、クリックすることにより、バックエンド・データ送信停止時間によって決定することができます
<！DOCTYPE HTML> <HTML LANG = " EN " > <HEAD> <メタ文字コード= " UTF-8 " > <META NAME = " ビューポート"コンテンツ= " 幅=装置幅、初期の規模= 1.0 " > <メタHTTP-当量= " X-UA-互換性のある"コンテンツ= " IE =エッジ" > <タイトル>ドキュメント</ TITLE> <！ - <リンクのrel = " スタイルシート"のhref = " ./static/aaa.css "> - > <スタイル> *{マージン：0PX;パディング：0PX;} オール、リチウム{リスト - スタイル：なし;} ■は{幅：600PX;マージン：200pxの自動;背景：peachpuff;} ■は李{幅180ピクセル、ライン -height。 50px;フォントサイズ：20ピクセル;マージン：4PX 4PX。フロート：左;背景：papayawhip;テキスト整列：センター; BORDER- 半径20ピクセル;色：#FFF;} ■はli.active {背景：paleturquoise;} ■はのli.start {背景：＃1 e6162eを;} < /スタイル> </ HEAD> <BODY> <divのクラス = " ボックス" > <UL> <LI クラス = " 賞受賞-1 " >奖品一ます。</ li> <" 賞賞-2 " >賞2 </ LI> <LIのクラス = " 賞Prize-。3 " >賞3 </ LI> <LIのクラス = " 賞Prize-。8 " > <参加いただきありがとうございます/ LI> <LIのクラス = " 開始" <宝くじを開始/ Liが>> <李クラス = " 懸賞prize-。4 " >賞4 </ LI> <LI クラス = " 懸賞prize-。7 " >賞7 </ LI> <LIのクラス = "賞。6-賞" > 6つの賞</ LI> <LIクラス = " 賞金賞-5 " >奖品五ます。</ li> </ ulの> </ div> <スクリプトSRC = " https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js " > </ SCRIPT> <スクリプトタイプ= " テキスト/ javascriptの" > $（関数（）{ VARの速度= 100 ; VAR今= 1 VARの端= 5 $（' .start ' ）.click（関数（）{ 時間（ ） 変化（） }） 機能変更（）{ $（' 。賞"）.removeClass（' アクティブ' ） $（' .prize- ' +今）.addClass（' アクティブ' ） 今 ++ ; もし（現在> 9 ）{ 今 = 1 } 他{ 戻り 偽 } } VAR 。 関数の時間（）{ A = setTimeoutメソッド（関数（）{ 変化（） 時間（） }、速度） のsetTimeout（関数（）{ もし（現在== 端）{ てclearTimeout（A） } }、3000 ） } }） </ SCRIPT> </ body> </ HTML>