找回密码
 立即注册
查看: 880|回复: 0

[其他技术] 给网站添加一个活动倒计时效果 线报活动结束提示效果

[复制链接]
发表于 2022-6-1 13:42:38 | 显示全部楼层 |阅读模式

活动结束后会提示活动已经结束,给用户体验是比较好的

因为考虑到大家一些网站没有使用jq,或者jq版本低之类,所以使用原生来实现效果,这样任何网站都是可以使用。

效果如下图所示:

20220531112600_414672.png

如果活动没结束,那么显示距离结束时间,为绿色,如果到期了,那么显示 活动已经结束,为红色提示。
下方是对应html和js代码
将html代码span标签中的时间修改为到期时间,格式一定要正确,例如 2018-08-08 24:00:00 ,并放置需要显示的地方。
将js代码,放置公共js中,或者其他只要引入的js文件中即可。

HTML.txt (50 Bytes, 下载次数: 0)

JavaScript.txt (995 Bytes, 下载次数: 0)

对于样式,没做什么美化,后期有空会更新美化版。






上一篇:QQ无限@全体成员办法
下一篇:CF解封【教程】百分之90几率解封!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|27CaT资源论坛

GMT+8, 2024-12-4 16:13

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表