W3QはBiztterに生まれ変わりました!
Web制作に関するお悩みはBiztterへどうぞ!

Biztterで質問する

ID:.mI0AX さんの質問

はじめまして。プログラミングについて、どうしてもわからいことがあり、こちらに質問させていただきます。
先月からjavascript・jqueryについて学び始めました。そこで、jqueryで作られたカウントダウンタイマー( jquery-countdown.googlecode.com/svn/trunk/index.html )を自分のHPに実装させたいと思っています。理想のプログラムとしては、ページを開いた瞬間をスタート時間に設定し、それから終了時間までをカウントダウンするというものです。
ですが、そのプログラミング方法が全く思いつきません。
わかる方がいらっしゃいましたら、どうかヒントを教えていただけないでしょうか?
説明・知識不足だらけでお手数をおかけしていると思いますが、どうかよろしくお願いします。

<script type="text/javascript">
$(function(){
$(’#counter’).countdown({
image: ’img/digits.png’,
startTime: ’01:12:12:00’
});
});
</script>

みんなの回答 2 件

ID:jWoCUs さんの回答

リンク先にカウントダウンのサンプルがあるよ。
サンプル2(5秒でアラートが表示されます)ってやつ。

ホームページ上でカウントダウンを実現するjQueryCountdownプラグイン | ウェブという選択肢

http://select.rash.jp/jquery/474/
ID:EQCmY7

回答ありがとうございました!!参考にさせていただきます!

ID:fEkpr3 さんの回答

「ページを開いた瞬間をスタート時間に設定し」
$(’#counter’).countdown({})を無名関数でくくってあげると、ページを開いた瞬間から動いてくれますよ。
startTimeという変数はカウントダウンする残り時間(スタート時間)を表しています。
後、imageの設定について、pngは同じURL内に置かないとダメみたいですね。googlecodeのリンク先設定しても動かなかったです。
2日前の質問だからもう解決済みかもしれませんが,これをフォークしてcoutupツール作ってみるのも面白いかもと思って調べてみました。
頑張ってください^^

ID:EQCmY7

回答していただき、本当にありがとうございます!!
さらに質問させてもらっても大丈夫でしょうか?

ページを開いた瞬間が、2013年6月11日14時35分10秒だったら、
ページを開いた瞬間に2013年6月11日14時35分10秒から、終了までの日時をカウントダウンするというプログラムを表示させたいと思っています。

この場合も回答してくださった、無名関数でくくると動作してくれるでしょうか?

もしお時間に余裕があれば、教えてほしいと思っています。
よろしくお願いします。

最終更新日:2013-06-10 (2,999 views)

関連するトピックス

ページ上部に戻る