コードをコピー コードは次のとおりです。 (function ($) { $.extend ({ timer: function (action,context,time) { var _timer; if ($.isFunction(action)) { (function () { _timer = setInterval( function () { if (!action(context)) { clearInterval(_timer); } }, time) > } }); })(jQuery); コードをコピー コードは次のとおりです: <メタhttp-equiv="Content-Type" content="text/html; charset=utf-8" /> 画布 <br> #wrap<br> {<br> display: table;<br> margin: 0 auto;<br> } <p> #cvs<br> {<br> display: table-cell;<br> vertical-align: middle;<br> }<br> <br> functiondrawRound(context) { <br> if (context.counterclickwise) {<br> draw(context.x, context.y, context.r, context.start, context.start - 数学PI / 50, context.country);<br> context.start -= Math.PI / 50;<br> return context.start > 0.5 * Math.PI;<br> }<br> else {<br> draw(context.x, context.y, context.r, context.start, context.start Math.PI / 50, context.counterclockwise); <br> context.start = Math.PI / 50;<br> return context.start < Math.PI;<br> }<br> }<br> function drawing(x, y, r, sAngle, eAngle, counter時計回り) {<br> var cvs = document.getElementById("cvs");<br> ctx = cvs.getContext("2d");<br> ctx.ストロークスタイル = "#f00";<br> ctx.beginPath();<br> ctx.arc(x, y, r, sAngle, eAngle, 反時計回り) ;<br> ctx.ストローク();<br> }<br> $(function () {<br> $.timer(drawRound, { x: 100, y: 100, r: 50, start: 1.5 * Math .PI, 反時計回り: true }, 200);<br> $.timer(drawRound, { x: 100, y: 100, r: 60, start: 0, 反時計回り: false }, 200);<br> }) ;<br>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
