ホームページで画像を使ってカウントダウンさせるには

質問

自分のホームページに、画像を使って指定した日時までカウントダウンする機能をつけたいと思っています。
HTMLやCSSは使えるのですがJavascriptはほとんどわかりません。
なのでコピペするだけで実装できるようなコードを載せてもらえると助かります。
よろしくお願いします。

回答No.3

kamepanman

前の回答の補足です。
アクセスした瞬間～指定日までの差分を計算する関数を作りました。

function getDateInterval(targetDateTime)
{
// 指定日時の日付オブジェクト（日付を変更する）
var targetDay = new Date(targetDateTime);

//おまじない
var perMinute = 1000 * 60;
var perHour = perMinute * 60;
var perDay = perHour * 24;

// 今日の日付オブジェクト
var today = new Date();

// 日付の差分
var interval = targetDay.getTime() - today.getTime();

// 日数計算
var days = ~~(interval / perDay );
interval = interval - (days * perDay );

// 時間計算
var hours = (~~(interval / perHour )).toString();
interval = interval - (hours * perHour );
var minutes = ~~(interval / perMinute );
interval = interval - (minutes * perMinute );
var seconds = ~~(interval / 1000 );

return ("0" + days).substring(("0" + days).length-2,("0" + days).length) + ":" +
("0" + hours).substring(("0" + hours).length-2,("0" + hours).length) + ":" +
("0" + minutes).substring(("0" + minutes).length-2,("0" + minutes).length) + ":" +
("0" + seconds).substring(("0" + seconds).length-2,("0" + seconds).length);
}

前の回答のプラグインと組み合わせて使用します。

http://select.rash.jp/jquery/474/ページ

head部記述　サンプルの
$('#counter').countdown({
image: 'img/digits.png',
startTime: '01:12:12:00'
});
を以下のように変更します。
$('#counter').countdown({
image: 'img/digits.png',
startTime: getDateInterval('2012/12/25 22:30:40')
});

※startTime: getDateInterval('2012/12/25 22:30:40')
　この日時が指定日時となります。

どうでしょうか？？

回答No.2

kamepanman

こんな感じですかね？
http://select.rash.jp/jquery/474/

お礼

これは指定した時間数カウントダウンするものなので（更新すると数字が戻ってしまうので……）、なので指定した時間までカウントダウンしてくれるものを探しています。

回答No.1

noname#240995

Javascriptは使ったことがないのでわかりませんが，
PHPでは日付を取得してif文で画像の出力内容を変更すればいけると思います。
ただJavascriptも似たようなものだと思うので探せば出てくるのでは。

お礼

PHPは尚更わからないですね。
色々探してみて、近いものを参考にしつつJavascriptのコードをいじってみたのですが中々上手くいきませんでした。
だからここで質問させてもらいました。