aermin / draw

react写的一个抽奖demo和滚动字幕,可自定义抽奖参数

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

因项目需求,需要写一个react的抽奖程序和字幕滚动 本来之前用的是vue,没用过react,而项目组框架用的是react,萌新只能弃vue学用react了

写完这个入门小demo,也算初识了下react。

老习惯,写了详细的代码注释。

如果觉得还可以或者帮到您,请给萌新一个star ^ ^

更新 ======================

a:增加了抽奖前的判断:

1.当天是否已抽过奖, ‘否’的话进入下一条判断 (这里用localstorage储存,获取当天24点时间戳,过了当天24点localstorage储存清除,时间都是获取本地时间,实际应用应采用服务器时间,防止用户修改本地时间来作弊)

2.现在抽奖时间是否在16-17点之间,‘是’的话则开始抽奖

b:增加了react版的字幕滚动

最初版简陋抽奖gif图

抽奖&字幕滚动图

下载运行

git  clone https://github.com/hxvin/draw.git

cd draw

npm install

npm start

About

react写的一个抽奖demo和滚动字幕,可自定义抽奖参数


Languages

Language:JavaScript 78.5%Language:HTML 13.8%Language:CSS 7.7%