JQueryカウントアップタイマー
-
03-10-2019 - |
質問
これでカウントアップタイマーを実現しようとしていました jQueryプラグイン.
私はこれに関して初心者なので、ドキュメントを本当に理解できません。
私が表示したいのは、です。2005年1月1日から現在までのカウンタを表示したいと考えています。出力表示例は次のとおりです。
5年5ヶ月5時間5秒(秒はカウントされ続けます)
達成するためのスニペットを投稿してご協力ください。お時間をいただき、誠にありがとうございました。
解決
試す:
var sinceYear = new Date('01/01/2005');
$('#defaultCountdown').countdown({since: sinceYear});
素早い デモ
編集より多くのオプション
var sinceYear = new Date('01/01/2005');
$('#defaultCountdown').countdown({since: sinceYear,
format: 'YdHMS',
layout:'<b>{yn} {yl},{dn} {dl} and '+
'{hn} {hl}, {mn} {ml}, {sn} {sl}</b>'});
もう一度簡単に デモ
他のヒント
$('#since').countdown({ since: new Date(2005, 1 - 1, 1) });
あなたが探しています since
.
<html>
<head>
<title>Sample Page</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<style type="text/css">@import "jquery.countdown.css";</style>
<script type="text/javascript" src="jquery.countdown.js"></script>
<script type="text/javascript">
var epoch = new Date("1/1/2005");
$(document).ready(function(){
$("#countup").countdown({since: epoch});
});
</script>
</head>
<body>
<div id="countup">
</div>
</body>
</html>
テストされていないコード。スクリプトファイルの場所に自分で対応する必要があります。
編集:
<script type="text/javascript">
$('#defaultCountdown').countdown({ since: new Date(2005, 0, 1) });
</script>
<span id="defaultCountdown" class="countdown"></span>
所属していません StackOverflow