用JS解决了世纪难题：今天吃什么

今天吃什么好呢？每天都被这个问题困扰。无论身为上班族还是学生党的你，一到下班时间，你是不是会习惯性拿起手机点开外卖，一个劲的埋头看今天吃什么好呢？今天就分享一个帮你决定吃啥的小游戏。

先看一下整体效果：

案例分析：

1.点击’开始冥想'界面开始滚动菜品

2.没有点击‘就决定是你了’之前不能二次冥想（不能点击‘开始冥想’，按钮变成灰色）

3.点击‘就决定是你了’停止滚动并打印出选中的菜品

分析完毕后，准备动手啊！

1.定义三个功能组件

分别为两个按钮绑定了对应的函数

2.为其定义css样式

3.完成屏幕滚动菜品功能

4.点击‘开始冥想’开始滚动菜品并且变为不可选中

 function start() {
        id=setInterval("show()",200);
       document.getElementById("start").disabled=true;
    }

5.点击‘就决定是你了’停止滚动，‘开始冥想’变为可选中

function stop() {
        clearTimeout(id);
        document.getElementById("start").disabled=false;
    }