首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视 ┆淘宝手机在线充值 ┆淘宝游戏点卡充值 
设为首页
加入收藏
联系我们
高级搜索
您当前的位置: 主页>编程相关>JAVASCRIPT>Javascript实现的随机点名代码,附有效果图
Javascript实现的随机点名代码,附有效果图
来源: 发布时间:2008-09-23 发布人: 浏览: 人次   字体: [ ]  

totalTime = totalTime + time;//每次运行的时间累加

if(totalTime < maxTime)//如果累计运行的时间小于maxTime 则继续运行 否则停止
{
if (flag == 0)
{
return false;
}
setTimeout("changeColor()", time);
}
}

//rollback方法是为了将不是当前的数字的颜色恢复为以前的颜色 以示区别
function rollback(s)
{
for(var i = 0; i < tds.length; i++)
{
if(i != s)
{
tds[i].style.color="#000000";
}
}
}//这是我的方法
var myTds=[];
function tdSort() {
for(i=0;i<tds.length;i++){
var ind=parseInt(tds[i].innerHTML);
if(ind){
myTds[ind-1]=tds[i];
}
}
}
function myBegin(){
flag = 1;
maxTime = Math.floor(Math.random()*3000) + Math.floor(Math.random()*2000) + 1000;
totalTime = 0;//每次运行时 将前一次运行的总时间 清零
myChangeColor();
}
function myChangeColor() {
time = Math.floor(Math.random()*50) + 1;
totalTime = totalTime + time;//每次运行的时间累加

tds[count].style.color="#FF0DF0";
rollback(count);
count = (count + 1)%16;

if(totalTime < maxTime){//如果累计运行的时间小于maxTime 则继续运行 否则停止
if (flag == 0) return false;
setTimeout("changeColor()", time);
}

}
</script>
</head><body>
<form name="luck">
<table id="luckboy" border="0" align="center" cellpadding="0"
cellspacing="1" style="position: relative; left: 0px; top: 30px">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>16</td>
<td colspan="3" rowspan="3" class="sp"><img
src="/plus/cun/logo.gif" align="middle" /><!-- 你的图片 --></td>
<td>6</td>
</tr>
<tr>
<td>15</td>
<td>7</td>
</tr>
<tr>
<td>14</td>
<td>8</td>
</tr>
<tr>
<td>13</td>
<td>12</td>
<td>11</td>
<td>10</td>
<td>9</td>
</tr>
</table>
<br />
<br /><br />
<div align="center">
<input type=button name="start" value="开 始" class="button" onclick="begin()">
<input type=button name="over" value="结 束" class="button" onclick="end()">
<input type=button name="over" value="我的开始" class="button" onclick="myBegin()">
</div>
</form>
</body>
</html>效果图显示:
 


共2页: 上一页 [1] 2 下一页
相 关 文 章   发布商链接
·当form表单提交的是name而不是id时报...
·如何在静态页面中利用javascript读取...
·javascript实现页面跳转的五种方法大...
·javascript对个数不定的复选框进行验...
·javascript操作复选框全选,反选,是否...
·如何用javascript取得被选中的内容代...
·javascript实现的全屏漂浮广告代码
·javascript实现上传附件动态地添加和...
·在网页中如何实现播放.flv格式的文件...
·javascript验证单选按钮组是否选中代...
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·JS验证密码的强度级别代码实...
·javscript实现鼠标移到小图片
·如何在静态页面中利用javascr...
·javascript实现WEB页面导出为...
·如何在兼容IE和Firefox的情况
·javascript读取本地excel文档
·javascript实现页面自动刷新...
·javascript解决iframe框架页...
·javascript实现网易邮箱多附...
·javascript实现模仿IE自动完...
·javacript实现关闭子窗口,刷...
·javascript脚本实现右键弹出...
·javascript结合Ajax制作的可...
·javascript实现页面载入等待...
·javascript实现一个IP只弹窗...
热 门 文 章
·Ext2.0框架的Grid使用介绍祥...
·JS实现多行的HTML静态表格分...
·javascript实现多张图片轮流...
·Adobe Reader利用javascript...
·实例讲解Ext Js生成动态树,...
·javascript使用xml数据岛的简...
·javascript实现页面跳转的五...
·javascript读写TEXT文本文件...
·幻灯片焦点图片新闻显示调用f...
·javascript实现页面载入等待...
·javascript实现页面自动刷新...
·Javascript在IE和FireFox中的...
·javascript实现动态多附件上...
·鼠标右下角显示层,javascrip...
·javascript脚本实现右键弹出...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .