模板
教程
環境
性能
功能
管理
用JavaScript實現一些隨機事件
1、隨機廣告
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="The World's Largest Online Bookstore, Amazon.com";
url="http://www.amazon.com";
alt="amazon.com";
banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
if (ad==2) {
txt="Palm III by 3Com, in stock!";
url="http://cybershop.com/";
alt="cybershop.com";
banner="http://imageserv.imgis.com/images/Ad13189St1Sz1Sq5_Ban10.gif";
width="468";
height="60";
}
if (ad==3) {
txt="Find it at GoTo.com";
url="http://www.goto.com";
alt="goto.com";
banner="http://imageserv.imgis.com/images/Ad13700St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_top\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0>
');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>
2、隨機背景顏色
<HTML>
<HEAD>
<TITLE>Random Background</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function backcolor(form) {
temp = ""
for (var i = 0; i < 16; i++) {
temp = form.color[i].value
if (form.color[i].checked){ document.bgColor = temp }
}
}
function randombackground() {
document.bgColor = getColor()
}
function getColor(){
currentdate = new Date()
backgroundcolor = currentdate.getSeconds()
if (backgroundcolor > 44)
backgroundcolor = backgroundcolor - 45
else if (backgroundcolor > 29)
backgroundcolor = backgroundcolor - 30
else if (backgroundcolor > 15)
backgroundcolor = backgroundcolor - 16
if (backgroundcolor == 0 )
return "olive";
else if (backgroundcolor == 1 )
return "teal";
else if (backgroundcolor == 2 )
return "red";
else if (backgroundcolor == 3 )
return "blue";
else if (backgroundcolor == 4 )
return "maroon";
else if (backgroundcolor == 5 )
return "navy";
else if (backgroundcolor == 6 )
return "lime";
else if (backgroundcolor == 7 )
return "fuschia";
else if (backgroundcolor == 8 )
return "green";
else if (backgroundcolor == 9 )
return "purple";
else if (backgroundcolor == 10 )
return "gray";
else if (backgroundcolor == 11 )
return "yellow";
else if (backgroundcolor == 12 )
return "aqua";
else if (backgroundcolor == 13 )
return "black";
else if (backgroundcolor == 14 )
return "white";
else if (backgroundcolor == 15 )
return "silver";
}
// End -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=#ffffff vlink=#0000ff>
<CENTER>
<FORM>
<input type="button" value="隨機背景顏色" onClick="randombackground()">
</FORM>
</CENTER>
</body></html>
3、隨機背景圖案
<HTML>
<HEAD>
<TITLE>Random Images</TITLE>
<SCRIPT LANGUAGE="JavaScript">
today=new Date();
jran=today.getTime();
var number = 3;
var random_number="";
var image="";
var text_color="";
ia=9301;
ic=49297;
im=233280;
jran = (jran*ia+ic) % im;
random_number = Math.ceil( (jran/(im*1.0)) *number);
if (random_number==1) {
text_color="000000";
image="bg1.gif";
}
if (random_number==2) {
text_color="000000";
image="bg2.jpg";
}
if (random_number==3) {
text_color="000000";
image="bg3.gif";
}
// End -->
</SCRIPT>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
document.open();
document.write("<BODY BACKGROUND='"+image+"' TEXT='"+text_color+"' vlink=#0000ff>");
document.write("<CENTER></CENTER>");
// End -->
</SCRIPT>
<FORM>
<INPUT TYPE="button" VALUE="Reload Page" onClick="window.location='RandomBgImages.htm'">
</FORM>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
document.write("<CENTER><FONT SIZE=-1 color=red>Background Image: ("+image+")</FONT></CENTER>");
// End -->
</SCRIPT>
</body></html>
4、隨機圖案
把以下代碼放在<head></head>之間：
<script language="JavaScript">
a = 4
var slump = Math.random();
var talet = Math.round(slump * (a-1))+1;
function create() {
this.src = '
this.border = '
this.alt = '
}
b = new Array()
for(var i=1; i<=a; i++) { b[i] = new create() }
b[1].src = "reset.gif"
b[1].border = "0"
b[1].alt = "111"
b[2].src = "back.gif"
b[2].border = "0"
b[2].alt = "222"
b[3].src = "ie.gif"
b[3].border = "0"
b[3].alt = "333"
b[4].src = "netscape.gif"
b[4].border = "0"
b[4].alt = "444"
var visa = "";
visa += '<img src='+b[talet].src+' border="0"'+' alt='+b[talet].alt+'>';
</SCRIPT>
把以下代碼放在HTML文件任意地方：
<script language="JavaScript">
<!-- Hide this script from old browsers --
document.write(visa)
// -->
</script>
5、隨機播放MIDI音樂
把以下代碼放在<head></head>之間：
<script language="JavaScript">
<!--Hide from non JavaScript browsers
am = 5
var ran = Math.random();
var talet = Math.round(ran * (am-1))+1;
function create() {
this.src = '
}
c = new Array()
for(var i=1; i<=am; i++) { c[i] = new create() }
c[1].src = "hh1.mid"
c[2].src = "hh2.mid"
c[3].src = "hh3.mid"
c[4].src = "hh4.mid"
c[5].src = "hh5.mid"
var vismid = "";
vismid += '<embed src='+c[talet].src+' width=0 height=0'+' autostart=true'+' loop=2'+'>';
//-->
</SCRIPT>
把以下代碼放在<body></body>之間：
<script language="JavaScript">
<!--Hide from non JavaScript browsers
document.write(vismid);
//-->
</script>
6、隨機文本
把以下代碼放在<head></head>之間：
<script language="JavaScript">
<!-- Hide
var a = Math.random() + ""
var rand1 = a.charAt(5)
quotes = new Array
quotes[1] = "MESSAGE #1"
quotes[2] = "MESSAGE #2"
quotes[3] = "MESSAGE #3"
quotes[4] = "MESSAGE #4"
quotes[5] = "MESSAGE #5"
quotes[6] = "MESSAGE #6"
quotes[7] = "MESSAGE #7"
quotes[8] = "MESSAGE #8"
quotes[9] = "MESSAGE #9"
quotes[0] = "MESSAGE #10"
var quote = quotes[rand1]
// -->
</script>
把以下代碼放在HTML文件任意地方：
<script language="JavaScript">
<!-- Hide
document.write("<i>" + quote + "</i>")
// -->
</script>
7、隨機連接
把以下代碼放在<head></head>之間：
<script language="JavaScript">
<!--Hide from non JavaScript browsers
an = 5
var ran = Math.random();
var talet = Math.round(ran * (an-1))+1;
function create() {
this.src = '
}
b = new Array()
for(var i=1; i<=an; i++) { b[i] = new create() }
b[1].src = "<a
b[2].src = "<a
b[3].src = "<a
b[4].src = "<a
b[5].src = "<a
var vis = "";
vis += b[talet].src;
//-->
</SCRIPT>
把以下代碼放在<body></body>之間：
<script language="JavaScript">
<!--Hide from non JavaScript browsers
document.write(vis+"random link"+"</a>");
//-->
</SCRIPT>
