WordPress网站文章中添加活动倒计时功能

Jaysun

1.jpg

如果活动没结束,那么显示距离结束时间,为绿色,如果到期了,那么显示 活动已经结束,为红色提示。

将html代码span标签中的时间修改为到期时间,格式一定要正确,例如 2023-07-08 09:00:00 ,并放置需要显示的地方。

1、将js代码,放置公共js中,或者其他只要引入的js文件中即可,<script>标签如果需要删除的,请自行删除<script>和</script>即可

隐藏内容
评论可见
前往评论

2、在发布/更新文章的时候,切换到文本模式,然后在想要插入倒计时的位置添加以下短代码:

<span id="ActivityDate">2023-07-08 09:00:00</span>

其中  2023-07-08 09:00:00  是事件结束时间,修改为其他日期时间时请保持格式一致即可。

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 4 条评论,354人围观)
网友昵称:倾国倾城
倾国倾城 V 普通用户 Google Chrome 108.0.5359.125 Windows 7 x64 凉席
2023-10-24 来自广东 回复
感谢大佬分享
网友昵称:倾国倾城
倾国倾城 V 普通用户 Google Chrome 108.0.5359.125 Windows 7 x64 板凳
2023-10-24 来自广东 回复
看看怎么样
网友昵称:念不随起
念不随起 V 普通用户 Google Chrome 95.0.4638.69 Windows 10 x64 椅子
2023-10-07 来自山东 回复
看看
网友昵称:739849140
739849140 V 普通用户 Google Chrome 94.0.4606.71 Windows 10 x64 沙发
2023-06-29 来自广东 回复
看看

目录[+]

取消
微信二维码
微信二维码
支付宝二维码