简体   繁体   English

如何让这个计时器脚本在 ClickFunnels 的 html/js 元素中运行?

[英]How can I get this timer script to function within a html/js element in ClickFunnels?

I've been trying to figure out how to get this to work in a single HTML/JS element in ClickFunnels.我一直在试图弄清楚如何让它在 ClickFunnels 中的单个 HTML/JS 元素中工作。

I need to use a div tag instead of body tag but unfortunately I cannot use onLoad with divs as I've recently discovered.我需要使用 div 标签而不是 body 标签,但不幸的是我不能像我最近发现的那样将 onLoad 与 div 一起使用。

I would highly appreciate any help on this as I've already spent a few hours trying to figure this out.我非常感谢任何帮助,因为我已经花了几个小时试图解决这个问题。

Here is the HTML这是HTML

<body onLoad="startCount();">
     
    <span class="timerz">Spots remaining: <span id="counterz">19</span></span>
     
</body>

Here is the JS这是JS

<script>
var timer;

function startCount() {
  timer = setInterval(count, 500); // 200 = 200ms delay between counter changes. Lower num = faster, Bigger = slower.
}

function count() {
  var rand_no = Math.ceil(3 * Math.random()); // 9 = random decrement amount. Counter will decrease anywhere from 1 - 9.
  var el = document.getElementById("counterz");
  var currentNumber = parseFloat(el.innerHTML);
  var newNumber = currentNumber - rand_no;
  if (newNumber > 0) {
    el.innerHTML = newNumber;
  } else {
    el.innerHTML = "1"; // This message is displayed when the counter reaches zero.
  }
}
</script>
<script>
var timer;

function startCount() {
  timer = setInterval(count, 500); // 200 = 200ms delay between counter changes. Lower num = faster, Bigger = slower.
}

function count() {
  var rand_no = Math.ceil(3 * Math.random()); // 9 = random decrement amount. Counter will decrease anywhere from 1 - 9.
  var el = document.getElementById("counterz");
  var currentNumber = parseFloat(el.innerHTML);
  var newNumber = currentNumber - rand_no;
  if (newNumber > 0) {
    el.innerHTML = newNumber;
  } else {
    el.innerHTML = "1"; // This message is displayed when the counter reaches zero.
  }
}

document.addEventListener("DOMContentLoaded", (event) => {
  startCount();
});

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 将硒与python结合使用,如何从JS中声明的HTML中获取Var <script> element - Using selenium with python, how can I get Var from HTML where it's declared in a JS <script> element 如何在 JavaScript 中获取 a.js 脚本的源代码? - How can I get the source code of a .js script within JavaScript? 如何获取现有HTML元素的JS代码? - How can I get the JS code of an existing HTML element? 如何在js函数中获取元素ID? - How can i get element id in js function? 我可以确定 which.js 脚本正在更改特定的 HTML 元素吗? - Can I identify which .js script is altering a specific HTML element? 我可以从HTML元素获取到已经存在的JS元素 - Can I Get From HTML Element to Already Existing JS Element 如何在我的AngularJS中获取这个D3.js HTML元素,以便我可以操作它? - How can I get this D3.js HTML element in my AngularJS so that I can manipulate it? 如何使用 Javascript 随机更改计时器上的 HTML 元素 - 跨越 web,而不仅仅是在浏览器中? - How do I randomly change an HTML element on a timer using Javascript - across the web, not just within the browser? 如何获取HTML输入元素中光标/插入符号的位置? - How can I get the position of the cursor/caret within an HTML input element? 如何获取元素的HTML - How can I get the HTML of an element
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM