コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jsはシンプルなストップウォッチ時計のEffect_JavaScriptスキルを実装します

jsはシンプルなストップウォッチ時計のEffect_JavaScriptスキルを実装します

WBOY
リリース： 2016-05-16 15:46:37
オリジナル
1844 人が閲覧しました

この記事では、シンプルなストップウォッチの時計効果を実装するための JavaScript の例を紹介します。皆さんの参考に共有してください。詳細は以下の通りです。

動作効果図は以下のとおりです。

実装コード: 

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10) 
 {i="0" + i}
 return i
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
ログイン後にコピー

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。

関連ラベル：
js时钟特效 简单的时钟特效
ソース：php.cn
前の記事：jQuery_jquery を使用して HTML タグをフィルタリングし、キーワードを強調表示する方法 次の記事：Web ページの背景に花火効果を実現する Javascript メソッド_JavaScript スキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
質問は同じですが、タイトルは次のように書き換えられています: Javascript のランダム関数が有効な応答を生成できません JSとHTMLを使用して簡単な乱数生成ゲームを作成しています。このゲームでは乱数の最小値と最大値を設定できます。しかし、変数を設定して結果を記録すると、ありえない数値が表示されます...
から 2024-04-03 22:03:14
0
1
275
ボタンをアクティブにするとホバー効果が誤動作する 私は Web 開発 (HTML、CSS、JS) の基礎を学ぼうとしているので、動作する Apple 電卓を作ろうとしています。小さなバグに気づくまではすべてが正常に動作していました...
から 2024-04-01 21:51:26
0
1
396
Vueで条件付きレンダリングを行う方法 私はタスクを作成し、それらをリストに入れて効率的に追跡するために使用できるアプリを開発しています。リストとリスト内のタスクを作成しました。リスト内のリストに属するすべてのタスクをレ...
から 2024-04-01 19:36:54
0
1
329
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート