| 商品编号 | APP1932 |
| 源码名称 | 任意时间节日倒计时 |
| 当前版本 | V1.0 |
| 发布时间 | 2026-06-09 02:45:56 |
| 更新时间 | 2026-06-08 18:52:08 |
| 源码级别 | L2级插件 |
| 插件类型 | 工具类 |
| 功能类别 | 工具 |
| 依赖场景 | 不依赖于任何插件 |
| 源码加密 | 未加密 |
| 技术保障 | |
| 支持浏览器 | Chromium内核浏览器、Chrome、Edge、Firefox、Safari、Opera等 |
网站有商品或者出售某些资源时,需要添加一个倒计时,以达到促销的效果,单独开发一个倒计时也不是难事,但是当需要个性化时也显得非常麻烦,管理多个网站时更是增加不必要的运维工作量。
本倒计时的功能:后台统一设置传统节日(如端午、中秋、春节)、自定义节日(如618、双十一、情人节、圣诞节)、不在任何节日内的手动倒计时;前端在需要显示倒计时的地方使用{hjdjs_name}调用倒计时的名称,使用{hjdjs_timer}调用计数倒计时。
①传统节日和自定义节日:全站使用统一的倒计时 时间,如端午节,可在插件后台设置如提前30天开始7天后结束,那么全站在调用了倒计时名称和计数时间的地方都统一使用端午节提前30天开始7天后结束倒计时。
❷针对不在①中的节日,即平时的促销活动:
统一开关:支持一键开启或关闭插件总开关,关闭后前端无任何占位代码,干净不影响网站;支持开启或关闭非节日类倒计时,如平时没有节日,可以不显示倒计时。
使用注意事项:
1、确保总开关打开
2、确保在模板中,需要显示倒计时的位置正确放置倒计时代码
3、下面CSS样式可通用,虽然每个网站风格不一样,但可以微调颜色后直接使用。
演示中的CSS:
{if $hjdjs_enabled}
{hjdjs_name}
{/if}
{if $hjdjs_enabled}
{hjdjs_timer}
{/if}
/ 倒计时CSS部分,可以直接使用(把CSS放到公用的CSS文件中即可) /
.hjdjs-name {
font-size: 16px;
color:#dc3545;
}
.hjdjs-timer {
white-space: nowrap;
display: flex;
column-gap: 5px;
align-items: center;
justify-content: center;
}
.hjdjs-timer span {
background-color: #ff5722;
color: white;
padding: 2px 4px;
border-radius: 4px;
font-size: 14px;
min-width: 28px;
text-align: center;
}







