カウントダウンでリンク先にジャンプする
|
| Sample |
|
ここをクリックして新しいウインドウを開いてください。
|
| ソース |
<HTML>
<HEAD>
<STYLE Type="text/css">
.txtstyle { border-style: none}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var start=new Date();
var cnt_val=5;
start=Date.parse(start)/1000;
function count_down(){
var now=new Date();
now=Date.parse(now)/1000;
var x=parseInt(cnt_val-(now-start),10);
if(document.form1){document.form1.c_down.value = x;}
if(x>0){
timerID=setTimeout("count_down()", 100)
}else{
location.href="http://yahoo.co.jp"
}
}
window.setTimeout('count_down()',100);
//-->
</SCRIPT>
</HEAD>
<BODY>
<center>
<FORM NAME="form1">
ジャンプまで、あと
<INPUT TYPE="text" NAME="c_down" SIZE="2" VALUE="5" class=txtstyle>
秒</FORM>
</center>
</BODY>
</HTML>
|
| ワンポイント解説 |
|
var cnt_val=5; <INPUT TYPE="text" NAME="c_down" SIZE="2" VALUE="5" の VALUE="5" で、5秒後にジャンプするように設定しています。 |