Link Roulette

Description:

リンクのルーレットです。ボタンを押すとリンクが回り始めストップした時に止まったところへとリンクします。

Demo:

Source:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>

<script language="JavaScript" type="text/javascript">
<!--
var linkrlt_flag = false;
var linkrlt_timer= false;
var linkrlt_count = 0;
var linkrlt = new Array();

var linkrlt_speed  = 10;   //ルーレットの速さ。数字が小さいほど高速
var linkrlt_hidden = true; //ストップ後リンク先を"????"にするかどうか。true/false
// リンク先のURLを設定
linkrlt[linkrlt_count++] = "http://www.yahoo.co.jp/";
linkrlt[linkrlt_count++] = "http://www.goo.ne.jp/";
linkrlt[linkrlt_count++] = "http://www.infoseek.co.jp/";
linkrlt[linkrlt_count++] = "http://www.excite.co.jp/";
linkrlt[linkrlt_count++] = "http://www.lycos.co.jp/";
linkrlt[linkrlt_count++] = "http://www.fresheye.co.jp/";
linkrlt[linkrlt_count++] = "http://www.google.co.jp/";

function linkRoulette(num, obj) {
 if(num == -1) {
  obj.value = linkrlt_flag ? "スタート" : "ストップ";
  if(linkrlt_flag) {
    linkrlt_flag = false;
    clearTimeout(linkrlt_timer);
    var url = document.rltform.targetarea.value;
    location.href = url;
   if(linkrlt_hidden) { document.rltform.targetarea.value = "?????????????????????"; }
    return;
  } else {
    num = 0;
    linkrlt_flag = true;
  }
 }
 document.rltform.targetarea.value = linkrlt[num];
 num = (num < linkrlt_count-1) ? num+1 : 0;
 linkrlt_timer = setTimeout("linkRoulette("+num+")", linkrlt_speed);
}
//-->
</script>

</head>

<body>


<form method="post" name="rltform">
<input size="60" name="targetarea">
<input type="button" value="スタート" onclick="linkRoulette(-1,this)">
</form>


</body>
</html>

Advice:

Arrangement:

Browser:

Internet Explorer3.0以上
Netscape Navigator2.0以上
[ Back ]