|
|
|
|
|
| 2.3 |
日付のカウントダウン
「〜まであと○○日！」という、表示を行う。
目標となる日付（年は西暦４桁）をスクリプトのそれぞれの箇所に書き込みます。
また、bodyタグ内の「onload=以下のevent handler」も忘れずに記載します。
以下にサンプルプログラムと実行結果を示す。
|
|
<html>
<head>
<title>日付のカウントダウン</title>
<script type="text/javascript" language="JavaScript">
<!--
var year = 2007 //目標の年を西暦４桁で入力
var month = 1 //目標の月を入力
var day = 1 //目標の日を入力
theDay = new Date(year, month-1, day)
var timerId
function dateCountDown() {
now = new Date()
today = now.getTime()
timeToGo = theDay.getTime() - today
daysToGo = ((timeToGo >= 0) ? Math.ceil(timeToGo/86400000) : "")
document.countdown.elements[0].value = daysToGo
timerId = setTimeout("dateCountDown()", 30000)
}
// end of JavaScript -->
</script>
</head>
<body onload="dateCountDown()">
<form name="countdown">
２００６年の正月まであと<input type="text" size="4" style="border:0;text-align:right;padding-right:5px;" readonly="readonly" />日！
</form>
</body>
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 2.4 |
Windows の画面を閉じる
Internet Explorer 等で表示したページを閉じる場合に使用する。
表示したページに以下のようなプログラムを込みこんでおくと、「閉じる」をクリックする事でこの画面を閉じる事が出来る。
<div align="center">
<a href="javascript:window.close()">閉じる</a>
</div>
|
|
|
| 2.5 |
前のページに戻る
Internet Explorer の履歴（リンク）を辿り直前のページに戻ります。
表示したページに以下のようなプログラムを込みこんでおくと、「戻る」をクリックする事で直前に表示したページに戻す事が出来る。
<div align="center">
<a href="javascript:history.back()">戻る</a>
</div>
|
|
|
| 2.6 |
次のページに進む
Internet Explorer の履歴（リンク）を辿り前のページへ進みます。
表示したページに以下のようなプログラムを込みこんでおくと、「次へ」をクリックする事で直前に表示したページに進む事が出来る。
<div align="center">
<a href="javascript:history.forward()">次へ</a>
</div>
|
|
|
|
|
|
|
|
|
|
