<html>
<head>
<title></title>
<script type="text/javascript">
//定义变量来确定屏幕中是否有字符 默认为true
var isHas = false;
var randCh;
sunY=0;
directY=2;
//随机字母
function ranZM()
{
var chs = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z");
//定义随机数来表示数组下标
var ranIndex=0;
do
{
ranIndex = parseInt(Math.random()*100)-74;
}
while(ranIndex<0);
//alert(chs[ranIndex]);
randCh = chs[ranIndex];
return randCh;
}
function sunMove(){
sunY+=directY;
//设置图片的下一个偏移量
var sundiv=document.getElementById("ch");
sundiv.style.top=sunY+"px";
if(sunY+sundiv.offsetHeight>=document.body.clientHeight ){
document.body.innerHTML="";
//document.getElementById("ch").innerHTML="";
isHas=false;
sunY=0;
directY=2;
}
setTimeout("sunMove()",10);//字母下移运动
}
//创建一个带随机字母的层并且下移
function createDiv()
{
ranZM();
var chr = randCh;
var div = "<div id='ch' style='position:absolute;top:0px;left:200px;width:50px;height:50px;font-size:40px;text-align:center;background-color:pink;color:black;'>"+randCh+"</div>";
if(!isHas){
document.body.innerHTML=div;
//document.getElementById("ch").innerHTML=chr;
isHas = true;
sunY=0;
directY=2;
sunMove();//设置字母后开始运动
}
//setInterval("sunMove()",30);
}
//获取键盘键入的字母
function getKey(e)
{
var keynum
var keychar
if(window.event) // IE
{
keynum = e.keyCode
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which
}
keychar = String.fromCharCode(keynum)
//alert(keychar);
if(keychar==randCh){
document.body.innerHTML="";
isHas = false;
}
return isHas;
}
function run(){
while(!isHas){
createDiv();
}
}
setInterval("run()",500);
</script>
</head>
<body οnkeypress="return getKey(event)">
</body>
</html>
后期加了个计分的功能,感觉很简单,估计是最初级的脚本应用了。