本文实例讲述了框架基于随机数解决中午吃什么去哪吃问题。分享给大家供大家参考，具体如下：

一个解决中午吃什么去哪吃的程序

这下不用每天都纠结吃什么了！

代码功能类似于前面一篇《jQuery实现的老虎机跑动效果》 ,很有意思

例一：

超文本标记语言头部脚本src=' http :http://libs。百度。com/jquery/2。0 .0/jquery。量滴js /脚本样式类型=' text/CSS ' # BigDiv { height :50 px；宽度：50 pxfloat:left背景色：红色；边距-左侧：5 px可见性：隐藏；} # BigDiv p { margin-left : 10px；}/style/head body div id=BigDiv divp吃面/p/divp吃饭/p/divp兰州/p/divp随便/p/divp炒饭/p/divp一期/p/divp二期/p/divp全家/p/divp西北/p/divp谢谢/p/div /div br/br/br/br/输入类型='button' id='startBtn' value='开始onclick='startRun()'输入类型='button' id='confirmBtn' value='确定onclick='stopRun()'脚本语言=' JavaScript ' var all div=$(' # BigDiv ').find(' div ')；var t；函数startRun(){ var index=11；$(所有分区).每个（函数(i){ if($(this)).css(“”可见性')!=' hidden '){ index=I；} });if(index==11){ index=parsent(9 * math。random())；} $(allDiv).eq(指数)。' CSS('可见','可见');setTimeout(函数(){stepRun(索引));},50);}函数stepRun(index){ if($(allDiv).eq(指数)。css(“”可见性')!='隐藏'){ $(allDiv).eq(指数)。css(“”可见性','隐藏');if(index==9){ $(allDiv).等式(0).' CSS('可见','可见');t=setTimeout(function(){ stepRun(0)}，50)；}else{ $(allDiv).eq(指数1)。' CSS('可见','可见');t=setTimeout(function(){ stepRun(index)}，50)；} } }函数stop run(){清除超时(t)；}/脚本/正文/html使用在线HTML/CSS/JavaScript代码运行工具：http://工具。JB 51。net/code/HTMljsrun测试上述代码，可得如下运行效果：

例二：单按钮实现

！DOCTYPE html html head meta charset=' UTF-8 '脚本src=' http :http://libs。百度。com/jquery/2。0 .0/jquery。量滴js '/script style=' text/CSS ' # BigDiv div { height :50 px；宽度：50 pxfloat:left背景色：红色；边距-左侧：5 px可见性：隐藏；}/style/head body div align=' center ' div style=' display : inline-block；'id=bigDiv divp火锅/p/divp依鲜/p/divp兰州/p/divp随便/p/divp炒饭/p/divp一期/p/divp二期/p/divp全家/p/divp西北/p/divp谢谢/p/div /div br/br/br/br/输入类型='button' id='startBtn' value='开始onclick='startRun()' /div脚本语言=' JavaScript ' var AllDiv=$(' # BigDiv ').find(' div ')；var t；var stop=true函数startRun(){ if(stop){ $(' # startBtn ')." val("停止');定义变量指数=11;//11取值范围是大于已有选项项数$(所有分区).每个（函数(i){ if($(this)).css(“”可见性')!=' hidden '){ index=I；} });if(index==11){ index=parsent(9 * math。random())；} $(allDiv).eq(指数)。' CSS('可见','可见');setTimeout(函数(){stepRun(索引));},50);stop=false}else{ $('#startBtn ')." val("开始');清除超时(t)；stop=true} }函数stepRun(index){ if($(allDiv).eq(指数)。css(“”可见性')!='隐藏'){ $(allDiv).eq(指数)。css(“”可见性','隐藏');if(index==9){ $(allDiv).等式(0).' CSS('可见','可见');t=setTimeout(function(){ stepRun(0)}，50)；}else{ $(allDiv).eq(指数1)。' CSS('可见','可见');t=setTimeout(function(){ stepRun(index)}，50)；} } }/脚本/正文/html使用在线HTML/CSS/JavaScript代码运行工具：http://工具。JB 51。net/code/HTMljsrun测试上述代码，可得如下运行效果：

更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery操作DOM节点方法总结》 、 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jquery中Ajax用法总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

希望本文所述对大家框架程序设计有所帮助。