用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;}
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
