Javascript jquery倒计时在span标记内，而不是直接打印

我有一个jQuery倒计时脚本，如下所示：

<script type="text/javascript">
   $(document).ready(function () {
      $('#getting-started').countdown('2015/01/15').on('update.countdown', function(event) {
         var $this = $(this).html(event.strftime(''
            + '<span>%-d</span> day%!d '
            + '<span>%H</span> hours '
            + '<span>%M</span> minutes '
            + '<span>%S</span> seconds'));
      });
   });
</script>

<div class="timer">

   <div class="days-wrapper">
      <span class="days"></span> <br>days
   </div>

   <div class="hours-wrapper">
      <span class="hours"></span> <br>hours
   </div>

   <div class="minutes-wrapper">
      <span class="minutes"></span> <br>minutes
   </div>

   <div class="seconds-wrapper">
      <span class="seconds"></span> <br>seconds
   </div>

</div>

+ '<div class="hours-wrapper"><span class="hours">%H</span> <br></div>'

$（文档）.ready（函数（）{
$（“#入门”）.countdown（'2015/01/15'）。on（'update.countdown'，函数（事件）{
var$this=$（this.html）（event.strftime（“”）
+“%-d天%！d”
+“%H小时”
+“%M分钟”
+“%S秒”）；
});
});

HTML代码如下所示：

<script type="text/javascript">
   $(document).ready(function () {
      $('#getting-started').countdown('2015/01/15').on('update.countdown', function(event) {
         var $this = $(this).html(event.strftime(''
            + '<span>%-d</span> day%!d '
            + '<span>%H</span> hours '
            + '<span>%M</span> minutes '
            + '<span>%S</span> seconds'));
      });
   });
</script>

<div class="timer">

   <div class="days-wrapper">
      <span class="days"></span> <br>days
   </div>

   <div class="hours-wrapper">
      <span class="hours"></span> <br>hours
   </div>

   <div class="minutes-wrapper">
      <span class="minutes"></span> <br>minutes
   </div>

   <div class="seconds-wrapper">
      <span class="seconds"></span> <br>seconds
   </div>

</div>

+ '<div class="hours-wrapper"><span class="hours">%H</span> <br></div>'

日子

小时数

会议记录

秒

我试图做的基本上是把倒计时放在HTML代码中。我试着这样做：

<script type="text/javascript">
   $(document).ready(function () {
      $('#getting-started').countdown('2015/01/15').on('update.countdown', function(event) {
         var $this = $(this).html(event.strftime(''
            + '<span>%-d</span> day%!d '
            + '<span>%H</span> hours '
            + '<span>%M</span> minutes '
            + '<span>%S</span> seconds'));
      });
   });
</script>

<div class="timer">

   <div class="days-wrapper">
      <span class="days"></span> <br>days
   </div>

   <div class="hours-wrapper">
      <span class="hours"></span> <br>hours
   </div>

   <div class="minutes-wrapper">
      <span class="minutes"></span> <br>minutes
   </div>

   <div class="seconds-wrapper">
      <span class="seconds"></span> <br>seconds
   </div>

</div>

+ '<div class="hours-wrapper"><span class="hours">%H</span> <br></div>'

+'%H
'

但那没用。我做错了什么

这是我的小提琴：

---

根据脚本所做的操作，在不知道脚本的情况下

$('#getting-started').countdown('2015/01/15').on('update.countdown', function(event) {
    $(".days").text(event.strftime("%-d"));
    $(".hours").text(event.strftime("%H"));
    $(".minutes").text(event.strftime("%M"));
    $(".seconds").text(event.strftime("%S"));
});

---

既然你用小提琴更新了这个问题，它就在这里运行了

$（“#入门”）.countdown（'2015/01/15'）。on（'update.countdown'，函数（事件）{
$（“.days”）.text（event.strftime（“%d”）；
$（“.hours”）.text（event.strftime（“%H”）；
$（“.minutes”）.text（event.strftime（“%M”）；
$（“.seconds”）.text（event.strftime（“%S”）；
});



日子

小时数

会议记录

秒
只需将要添加的类名指向
span
，并将每个增量传递给它

$('#getting-started').countdown('2015/01/15').on('update.countdown', function(event) {
   $(".days").html(event.strftime('%-d'));
   $(".hours").html(event.strftime('%H'));
   $(".minutes").html(event.strftime('%M'));
   $(".seconds").html(event.strftime('%S'));
});

你能用你的倒计时脚本重新创建这个吗什么是倒计时？链接到随机库，我们不知道它们的全部。很抱歉，这里是：