JQueryカウントアップタイマー

StackOverflow https://stackoverflow.com/questions/2778408

  •  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>
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top