如何在倒计时数字周围插入 <span> 标签

Question

我正在使用这个倒计时代码：

var clock = document.getElementById("timeleft"), tdy = new Date(1494979200000);
countdown.setLabels(
  '| <span class="time-label">second</span>| <span class="time-label">minute</span> | <span class="time-label">hour<span> | <span class="time-label">day</span> || <span class="time-label">month</span> ||||',
  '| <span class="time-label">seconds</span> | <span class="time-label">mins</span> | <span class="time-label">hours</span> | <span class="time-label">days</span> || <span class="time-label">months</span> ||||',
  '',
  '',
  'Out of Time','');
clock.innerHTML = countdown(new Date(tdy.getFullYear(), tdy.getMonth(), tdy.getDate(), tdy.getHours(), tdy.getMinutes(), tdy.getSeconds()) ).toString();
setInterval(function(){
  clock.innerHTML = countdown(new Date(tdy.getFullYear(), tdy.getMonth(), tdy.getDate(), tdy.getHours(), tdy.getMinutes(), tdy.getSeconds()) ).toString();
}, 1000);

如何修改上述代码以在倒计时数字周围添加 span 标签？提前致谢。

参考：http://explore.venasolutions.com/Q3-Weekly-Webinar-LP-2.html

Answer 1

如果您想要在您提供的 url 中显示的内容，您必须使用以下代码并使用 Div 标签，

var arr=countdown(new Date(tdy.getFullYear(), tdy.getMonth(), tdy.getDate(), tdy.getHours(), tdy.getMinutes(), tdy.getSeconds()) ).toString();
        for(var i=0;i<arr.length;i++){
        clock.innerHTML= "<div> "+arr+" </div>";
        } 
        setInterval(function(){
            var arr=countdown(new Date(tdy.getFullYear(), tdy.getMonth(), tdy.getDate(), tdy.getHours(), tdy.getMinutes(), tdy.getSeconds()) ).toString();
            clock.innerHTML= "<div> "+arr+" </div>";
        }, 1000);

如果您想要像您提到的那样将整个文本包含在 span 标签中，则必须向我们提供以下代码，

var count=countdown(new Date(tdy.getFullYear(), tdy.getMonth(), tdy.getDate(), tdy.getHours(), tdy.getMinutes(), tdy.getSeconds()) ).toString();
        var arr=count.split(" ");
        clock.innerHTML="";
        for(var i=0;i<arr.length;i++){
            clock.innerHTML+= "<span> "+arr[i]+" </span>";
        } 
        setInterval(function(){
            var count = countdown(new Date(tdy.getFullYear(), tdy.getMonth(), tdy.getDate(), tdy.getHours(), tdy.getMinutes(), tdy.getSeconds()) ).toString();
            var arr=count.split(" ");
            clock.innerHTML="";
            for(var i=0;i<arr.length;i++){
                clock.innerHTML+= "<span> "+arr[i]+" </span>";
            }
          }, 1000);

如何在倒计时数字周围插入 <span> 标签

How do I insert <span> tags around the countdown numbers

html

javascript

jquery

countdownjs.js