アプリ版:「スタンプのみでお礼する」機能のリリースについて

こんばんは。
とあるイベントのホームページを作るのですが、「イベントまであと○日」のような
カウントダウンの部分を作れないかと考えています。

確かjavascriptでできたと思いますが、
テキストでなく画像でカウントダウンはできますか?

また、その日の格言のようなものを作りたいのですが、
これもjavaでできたと思いますが、画像使用&リンクをはる
ことはできますか?

あんまりにも難しい操作ならあきらめますが・・・

よろしくお願いいたします。

A 回答 (2件)

テキストであれば以下のソースを流用すれば可能かと思います。


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>test</title>
<script language="javascript"><!--
function xDay(y,m,d)
{
today = new Date();
xday = new Date(y,m-1,d);
n = Math.floor((xday.getTime()-today.getTime())/86400000)+1;
document.write(n);
}
//--></script>
</head>

<body>
ひな祭りまであと
<script language="javascript"><!--
xDay(2009,3,3);
//--></script>

</body>
</html>

bodyタグ内のxDay()の中に指定したい日をyyyy,mm,ddの形式で入力します。
画像でカウントダウンするのであればCGIの方が良いかと…
「ホームページ上で残り日数をカウントダウン」の回答画像1
    • good
    • 0
この回答へのお礼

お礼遅くなってすみません(/_\)
回答ありがとうございました!

テキストでなく画像がいいのですが・・・
うーん、CGIなんてさっぱりわかりません。
うう・・

お礼日時:2009/02/18 19:30

画像にするのは2種類のやり方があります。


数字全体を1つの画像にするか、数字の各ケタを別々の画像にするかです。
前者はCGIなどが必要ですが、後者はjavascriptで可能です。
No1さんのソースを元に作ってみました。
使う際には同じ階層に「0.gif」~「9.gif」という名のファイルを用意してください。

-----

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>test</title>
<script language="javascript"><!--
function xDay(y,m,d)
{
today = new Date();
xday = new Date(y,m-1,d);
n = Math.floor((xday.getTime()-today.getTime())/86400000)+1;
document.write(num2img(n)); //←ここを書き換え。
}

// ↓ここから
function num2img(num){
num=""+num;
temp="";
for(var i=0;i<num.length;i++){
temp+="<img src=\""+num.charAt(i)+".gif\">";
}
return temp;
}
// ↑ここまでが画像化の部分。
//--></script>
</head>

<body>
ひな祭りまであと
<script language="javascript"><!--
xDay(2009,3,3);
//--></script>

</body>
</html>
「ホームページ上で残り日数をカウントダウン」の回答画像2
    • good
    • 0
この回答へのお礼

お礼遅くなってすみません(/_\)
回答ありがとうございました!

なるほど~
桁ごとなら・・ですね
参考になりました(゜∀゜)

お礼日時:2009/02/18 19:31

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!