JQuery отсчет внутри пролетных тегов вместо распечатаны непосредственно

Question

У меня есть обратный отсчет скрипт 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> 

И в HTML код, как это:

<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> 

То, что я пытаюсь do в основном помещает обратный отсчет внутри HTML-кода. Я попытался сделать это вот так:

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

Но это не сработало. Что я делаю не так?

Вот моя скрипка:

http://jsfiddle.net/nmmevtht/

Answer 1

Не зная сценарий, основанный на том, что он делает

$('#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")); 
}); 

---

И так как вы обновили вопрос с скрипкой, здесь он работает

$('#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")); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="http://cdn.rawgit.com/hilios/jQuery.countdown/2.0.4/dist/jquery.countdown.min.js"></script> 
 

 
<div id="getting-started"></div> 
 

 
<p></p> 
 

 
<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>

Answer 2

Просто целевой 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')); 
}); 

FIDDLE