Javascript 解析错误 - Google 跟踪代码管理器

Question

在阅读教程后，我尝试创建自定义 JavaScript GTM 变量。

但我刚刚收到一条消息，指出我有解析错误。

第 43 行第 5 字符出错:解析错误。 ')' 预期

不确定这里出了什么问题。有任何想法吗？谢谢。

function countdown(endDate) {
  var days, hours, minutes, seconds;

  endDate = new Date(endDate).getTime();

  if (isNaN(endDate)) {
    return;
  }

  setInterval(calculate, 1000);

  function calculate() {
    var startDate = new Date();
    startDate = startDate.getTime();

    var timeRemaining = parseInt((endDate - startDate) / 1000);

    if (timeRemaining >= 0) {
      days = parseInt(timeRemaining / 86400);
      timeRemaining = (timeRemaining % 86400);

      hours = parseInt(timeRemaining / 3600);
      timeRemaining = (timeRemaining % 3600);

      minutes = parseInt(timeRemaining / 60);
      timeRemaining = (timeRemaining % 60);

      seconds = parseInt(timeRemaining);

      document.getElementById("days").innerHTML = parseInt(days, 10);
      document.getElementById("hours").innerHTML = ("0" + hours).slice(-2);
      document.getElementById("minutes").innerHTML = ("0" + minutes).slice(-2);
      document.getElementById("seconds").innerHTML = ("0" + seconds).slice(-2);
    } else {
      return;
    }
  }
}

(function () { 
  countdown('09/06/2019 12:00:00 AM'); 
}());

Answer 1

GTM 中自定义 Javascript 变量的语法如下:

 function() {
   //your code
   return //your result;
 }

这就是当您尝试保存代码时收到错误消息的原因。

因此，您只需包含您想要在此处实现的核心功能。但是，这种类型的变量应该主要用于计算和返回值，而不是操作 DOM。

您需要的是一个自定义 HTML 标记，其中脚本应包含在 script 标记中:

<script>
function countdown(endDate) {
  //your countdown function
}

(function () { 
  countdown('09/06/2019 12:00:00 AM'); 
}());
</script>

您还需要一个触发器，它可以在页面加载时启动此标记。可能，仅在 DOM 之后或在窗口加载时，以便在脚本运行时所有元素都可用。

另请注意，countdown 将在全局命名空间中创建，因此您需要注意不要覆盖其他倒计时函数，或将其覆盖。