効果：
コード：
<！DOCTYPE HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8" />
<メタ名=「ビューポート」コンテンツ=「幅=装置幅、初期の規模= 1.0」/>
<META HTTP-当量= "X-UA-互換性のある" コンテンツ= "IE =エッジ" />
<タイトル>デジタルインクリメントアセンブリ</ TITLE>
<！ - 導入jqueryの - >
ます。<script type = "text / javascriptの" SRC = "./ jqueryの-3.4.1.min.js"> </ SCRIPT>
</ head>の
<身体>
<！ - 再生コントロールを行います - >
<DIV ID = "映画">
<！ - アセンブリスライドの定義 - >
<input type = "範囲" ID = "スライダ" 最小 "0" 最大= "1000" ステップ= "1" 値= "0" のonchange = "プリント（）" />
<！ - アセンブリのスライダの現在の値を表示します。 - >
<P>現在の値：<スパンID = "印刷"> 0 </スパン> </ P>
<！ - コントロールボタン - >
<ボタンID = "開始" のonclick = "開始（）">播放</ボタン>
<ボタンID = "ストップ" のonclick = "停止（）">停止</ボタン>
</ div>
</ BODY>
</ HTML>
ます。<script type = "text / javascriptの">
//スタートボタンまたは一時停止ボタンをユーザがクリックを決定するために使用される識別子を定義します
varが選ん=真
//この関数は、スライダーの現在の値を表示するために使用されます
関数プリント（）{
情報を取得します//
VAR値= parseFloatは（$（ '＃スライダー'）。valを（））//情報を表示
$（ '＃プリント'）。テキスト（値）
}
//この関数は、値の値を変更するための責任があります
機能changeVal（）{
//純粋なJSを達成
// VAR値= parseFloatは（のdocument.getElementById（ "スライダー"）値。）;
//表示情報
//のdocument.getElementById（ "印刷"）のinnerHTML =値。
//もし（値== 1000 == falseのを選ぶ||）{
//戻り値;
//}他{
//のdocument.getElementById（ "スライダ"）値=値+ 1。
//}
//達成するためにjqueryのを使用します
VAR値= parseFloatは（$（ '＃スライダー'）。valを（））//表示情報
（）//スライダープリントの値を変更します。
{（値== 1000 ==偽を選ぶ||）場合
リターン
}他{
$（ '＃スライダー'）。valを（値+ 1）
}
}
//この関数は、[スタート]ボタンを担当して
関数の開始（）{
選択した=真
setInterval（ 'changeVal（）'、10）
}
//この関数は、一時停止ボタンに責任があります
機能停止（）{
選択した=偽
}
</ SCRIPT>