年越しカウントダウンするページ作ってみます?

今年も残すところあとわずか。

年越しカウントダウンしてみませんか?

・・・ということで(?)HTML+JavaScriptで,年越しカウントダウンするウェブページを作ってみました。ご自由に使ってください(。。

<html>

<head>
<script language="JavaScript" type="text/javascript">
<!–
var tid = 0;
var newYear = new Date(2008,1,1);

function update_time() {
var today = new Date();

var s_time = newYear.getTime() – today.getTime() ;
var s_time_obj = new Date();
s_time_obj.setTime(s_time);
if(s_time > 0){
document.f.d.value = "2008年まであと"+s_time_obj.getDate()+"日"+s_time_obj.getHours()+"時間"+s_time_obj.getMinutes()+"分"+s_time_obj.getSeconds ()+"秒";
tid = setTimeout(‘update_time()’, 1000);
}else{
clearTimeout(tid);
document.f.d.value = "Happy New YEAR!";
alert("Happy New YEAR!");
}
}
// –>
</script>
<title>2008年1月1日までのカウントダウン</title>
</head>

<body onload="update_time();">

<form name="f">
カウントダウン:<br />
<input type="text" name="d" SIZE="60" />
</form>

</body>
</html>

comments

コメントを残す