不知道吃什么的时候跑一下就行了

效果如下

上代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><style type="text/css">html{width: 100%;height: 100%;}body {width: 100%;height: 100%;background: #D4E8EA;display: flex;align-items: center;justify-content: center;}#box {width: 600px;height: 800px;border: 5px solid #EDE5AA;background-color: #E2B5C0;border-radius: 20%;display: flex;align-items: center;justify-content: space-evenly;flex-direction: column;}.text{font-size: 20px;color: white;font-weight: 800;font-family: Verdana;}button{width: 200px;height: 100px;border-radius: 10%;background-color: orange;border: 1px solid #EDE5AA;box-shadow: 5px 8px 5px #888888;}</style><body><div id="box"><div><h1 id="food" class="text" style="font-size: 80px;"></h1></div><div><button class="text" type="button" onclick="restart()">START</button><button class="text" type="button" onclick="stop()">STOP</button></div></div></body><script type="text/javascript">let foods = ['章鱼小丸子','紫菜','奥尔良烤翅','各类慕斯','黑森林','布朗尼','提拉米苏','牛排','牛肉干','奶昔','奶茶','双皮奶','手抓饼','巧克力','咖喱鱼丸','鱼腐','寿司','北极贝','三文鱼','天妇罗','黑轮','冰激凌','炒面','三文治','鸡翅','意大利面','烧烤','鳗鱼饭三吃','拉面','熟寿司','荞麦面','咚咚烧']let index = 0;let maxSize = foods.length;//循环foodfunction cycle() {if(index == maxSize) {index = 0}document.getElementById('food').innerHTML = foods[index]index++;}//默认开始var interval = setInterval(cycle, 100);//开始function restart(){interval = setInterval(cycle, 100);}//停止function stop(){clearInterval(interval);}</script>
</html>

今天吃什么随机选择（抽奖，抽人适用）纯html、css静态页面相关推荐

随机抽取题目程序java_分析并实现一个简单的抽人程序
抽人程序介绍代码以及应用程序链接用 C# 制作了一个抽人的 Windows 小程序. 控件部分 : TextBoxt 作为展示 .两个 Button 作为按钮 (抽一次.换文件).label 作为 ...
随机抽人名小程序_分析并实现一个简单的抽人程序
抽人程序介绍代码以及应用程序链接用 C# 制作了一个抽人的 Windows 小程序. 控件部分 : TextBoxt 作为展示 .两个 Button 作为按钮 (抽一次.换文件).label 作为 ...
python随机抽人小程序_python抽人程序初试
抽人不是那个抽人.. 是随机抽人.. 昨晚接到班里有个任务让我写一个从班干部和不是班干部的同学中随机抽取几位去干活的程序.... 然鹅我这个初学python的渣渣我就去网上先看看了大体情况结果一 ...
每天不知道吃什么，于是我做了个随机选择的小程序
每天不知道吃什么,于是我做了个随机选择的小程序选择使用uni-app跑在微信小程序里思路用一个菜单数组,有一个index, 有一个定时器,每次让index++ 点击停止,结束定时器点击换一个 ...
随机算法python_在python中实现随机选择
想从一个序列中随机抽取若干元素,或者想生成几个随机数. random 模块有大量的函数用来产生随机数和随机选择元素.比如,要想从一个序列中随机的抽取一个元素,可以使用random.choice() : ...
python随机选择_在python中实现随机选择
想从一个序列中随机抽取若干元素,或者想生成几个随机数. random 模块有大量的函数用来产生随机数和随机选择元素.比如,要想从一个序列中随机的抽取一个元素,可以使用random.choice() : ...
地震时我先跑了教师挑逗网民抽人欲望
"在这种生死抉择的瞬间,只有为了我的女儿我才可能考虑牺牲自我,其他的人,哪怕是我的母亲,在这种情况下我也不会管的."近日,北大毕业后在四川一所中学教书的教师范美忠这番地震后的&qu ...
九号机器人田奇峰_围观！“智能之争”小牛创始人和九号机器人打起来了，胡总要抽人了！...
昨日,行业新兵九号机器人在北京召开发布会,发布E系列.C系列多款电动摩托车.电动自行车新品.电动车新国标以后,像蓝鲨.pilot·派伦特.摩兽.易铠.HIMO等多个新选手入局电动两轮车行业,本来是一件 ...
随机选择中午吃饭。。。
每天为了吃什么发愁,中午蛋疼的做了一个JS 随机选择声明下..这东西是给自己选择的..请自己编辑,自己需要的饭菜或者其他东西.... 具体方法: 1.点击文件右键记事本打开 2.找到foodName ...

今天吃什么随机选择（抽奖，抽人适用）纯html、css静态页面

不知道吃什么的时候跑一下就行了

效果如下

今天吃什么随机选择（抽奖，抽人适用）纯html、css静态页面相关推荐

最新文章

热门文章

今天吃什么 随机选择（抽奖，抽人适用）纯html、css静态页面

不知道吃什么的时候跑一下就行了

效果如下

今天吃什么 随机选择（抽奖，抽人适用）纯html、css静态页面相关推荐

最新文章

热门文章

今天吃什么随机选择（抽奖，抽人适用）纯html、css静态页面

今天吃什么随机选择（抽奖，抽人适用）纯html、css静态页面相关推荐