张老师 发表于 2019-8-5 19:58:41

JavaScript基础与应用-第三阶段作品展示

我们在常见的购物网站经常会看到倒计时的活动,例如秒杀,或者大家都知道的双11,京东618等一些倒计时的效果。
比如京东秒杀:
http://www.ap5u.com/data/attachment/album/201908/05/195755pqquzyj5c4qcrqqr.png
淘宝的淘抢购:
http://www.ap5u.com/data/attachment/album/201908/05/195758cwdwb5ycfxs9za6a.png

本阶段的作品展示要求大家实现一个简易版的倒计时。
任务:通过调用自定义的函数,传入倒计时结束的时间,如果传入时间在当前时间之前可以显示活动已结束,如果大于当前时间显示倒计时效果。
考核点:
1.Date内置函数的使用
2.自定义函数的创建及调用
3.setInterval定时器的使用

活动结束效果:
http://www.ap5u.com/data/attachment/album/201908/05/195800jgn52cxpecevgbn2.png
倒计时效果:

http://www.ap5u.com/data/attachment/album/201908/05/195804b33tif0m1zil1ccq.png



页: [1]
查看完整版本: JavaScript基础与应用-第三阶段作品展示