写个小玩意(一)- 抽奖器(随机数与定时器)
写在前面: 这也许将会是一个系列,希望能够长久坚持下去,同时,作为一个初学者,我深知自己代码不精优化无力,如果各位有什么好想法/建议/批评,尽管在评论区提出来,谢谢啦。
需求
东南某高校某学院要举办迎新晚会,中间有一个抽奖环节,希望能够对在座的所有同学们抽奖,要求随机生成座位,并显示在屏幕上。
话说,,这个需求太笼统了对不对,,,我当时也是这么想的,,学生会的这些兄dei们让我有一种没有毕业就碰到程序员天敌(产品经理)的错觉。
事实证明,功能实在太简单了,没什么需求可以提,,,至少给我设计个界面嘛。
开工&踩坑
既然是一个静态页面,那么就简单的分成这么几个步骤好了:
- 样式
- 功能实现
- 随机数
- 闪烁显示效果
- 测试
第一步,样式
先放一个body出来
这个body看似没什么问题,但是在使用了web-font之后就尴尬了起来,后面我们进行解释
经过一番调整css,变成了这个样子(请不要在意空空如也的背景)
这个时候,,问题来了这个字体真的好丑啊!!!!!
于是,我找了酷炫的web-font,在这里特别感谢有字库,大家有需要可也以去看看

本文介绍了一款抽奖器的制作过程,包括随机生成座位号和闪烁显示效果。通过JavaScript实现随机数功能,利用Math.random()生成指定范围内的整数,并通过setInterval实现数字闪烁效果。在样式方面,作者讨论了Web字体的使用,以及如何解决因字体空格导致的布局问题。
最低0.47元/天 解锁文章
288

被折叠的 条评论
为什么被折叠?



