ClassyCountdown倒计时结束重定向及通用倒计时实现咨询

你使用的ClassyCountdown插件支持自定义固定结束时间戳和结束回调函数，按如下步骤修改即可实现需求：

1. 生成全局统一结束时间的毫秒时间戳 #

首先需要将你指定的目标结束时间（比如示例中的下午4点）转换为13位Unix毫秒时间戳，可直接在浏览器控制台执行如下代码获取对应时间戳：

// 示例为获取北京时间2024年5月20日16:00对应的时间戳，将括号内的时间替换为你需要的目标时间即可
new Date('2024-05-20T16:00:00+08:00').getTime()

执行后得到的数字就是全局统一的结束时间戳，所有用户打开页面都会按这个时间计算剩余倒计时。

2. 修改倒计时脚本 #

替换原有脚本的配置，新增endCallback回调处理跳转逻辑：

<!--Countdown Script -->
<script type="text/javascript">
  $(document).ready(function() {
    // 这里替换成你第一步生成的结束时间戳
    const targetEndTime = 1716192000000;
    $('#countdown17').ClassyCountdown({
        theme: "flat-colors-very-wide",
        end: targetEndTime,
        // 倒计时结束后自动触发的回调函数
        endCallback: function() {
          // 替换成你要跳转的目标页面地址
          window.location.href = "你的目标页面地址";
        }
    });
  });
</script>

注意事项 #

• 如果你需要严格避免用户本地时间不准导致的倒计时误差，可以从服务端接口获取当前服务器时间戳替换前端的时间计算逻辑
• 需确保页面已正确引入jQuery、ClassyCountdown的JS和CSS依赖，否则插件无法正常运行

内容的提问来源于stack exchange，提问作者Frostyyy