Countdown help.

Question

Hey guys I need help making this countdown work. Im only getting this....
Im using the Edson Hilios countdown, but don't know how to set the countdown time....
jquery.countdown :
* jQuery The Final Countdown plugin v1.0.0 beta
* http://github.com/hilios/jquery.countdown
* Copyright (c) 2011 Edson Hilios
* Permission is hereby granted, free of charge, to any person obtaining
* a copy of this software and associated documentation files (the
* "Software"), to deal in the Software without restriction, including
* without limitation the rights to use, copy, modify, merge, publish,
* distribute, sublicense, and/or sell copies of the Software, and to
* permit persons to whom the Software is furnished to do so, subject to
* the following conditions:
* The above copyright notice and this permission notice shall be
* included in all copies or substantial portions of the Software.
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
* MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
* LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
* WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
(function($) {
  $.fn.countdown = function(toDate, callback) {
    var handlers = ['seconds', 'minutes', 'hours', 'days', 'weeks', 'daysLeft'];
    function delegate(scope, method) {
      return function() { return method.call(scope) }
    return this.each(function() {
      // Convert
      if(!(toDate instanceof Date)) {
        if(String(toDate).match(/^[0-9]*$/)) {
          toDate = new Date(toDate);
        } else if( toDate.match(/([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{2,4})\s([0-9]{1,2})\:([0-9]{2})\:([0-9]{ 2})/) ||
            toDate.match(/([0-9]{2,4})\/([0-9]{1,2})\/([0-9]{1,2})\s([0-9]{1,2})\:([0-9]{2})\:([0-9]{ 2})/)
          toDate = new Date(toDate);
        } else if(toDate.match(/([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{2,4})/) ||
                  toDate.match(/([0-9]{2,4})\/([0-9]{1,2})\/([0-9]{1,2})/)
          toDate = new Date(toDate)
        } else {
          throw new Error("Doesn't seen to be a valid date object or string")
      var $this = $(this),
          values = {},
          lasting = {},
          interval = $this.data('countdownInterval'),
          currentDate = new Date(),
          secondsLeft = Math.floor((toDate.valueOf() - currentDate.valueOf()) / 1000);
      function triggerEvents() {
        secondsLeft--;
        if(secondsLeft < 0) {
          secondsLeft = 0;
        lasting = {
          seconds : secondsLeft % 60,
          minutes : Math.floor(secondsLeft / 60) % 60,
          hours   : Math.floor(secondsLeft / 60 / 60) % 24,
          days    : Math.floor(secondsLeft / 60 / 60 / 24),
          weeks   : Math.floor(secondsLeft / 60 / 60 / 24 / 7),
          daysLeft: Math.floor(secondsLeft / 60 / 60 / 24) % 7
        for(var i=0; i<handlers.length; i++) {
          var eventName = handlers[i];
          if(values[eventName] != lasting[eventName]) {
            values[eventName] = lasting[eventName];
            dispatchEvent(eventName);
        if(secondsLeft == 0) {
          stop();
          dispatchEvent('finished');
      triggerEvents();
      function dispatchEvent(eventName) {
        var event = $.Event(eventName);
        event.date  = new Date(new Date().valueOf() + secondsLeft);
        event.value = values[eventName] || "0";
        event.toDate = toDate;
        event.lasting = lasting;
        switch(eventName) {
          case "seconds":
          case "minutes":
          case "hours":
            event.value = event.value < 10 ? '0'+event.value.toString() : event.value.toString();
            break;
          default:
            if(event.value) {
              event.value = event.value.toString();
            break;
        callback.call($this, event);
      /*$this.bind('remove', function() {
        stop(); // If the selector is removed clear the interval for memory sake!
        dispatchEvent('removed');
      function stop() {
        clearInterval(interval);
      function start() {
        $this.data('countdownInterval', setInterval(delegate($this, triggerEvents), 1000));
        interval = $this.data('countdownInterval');
      if(interval) stop();
      start();
  // Wrap the remove method to trigger an event when called
  var removeEvent = new $.Event('remove'),
      removeFunction = $.fn.remove;
  /*$.fn.remove = function() {
    $(this).trigger(removeEvent);
    return removeFunction.apply(this, arguments);
})(jQuery);
index.html :
<!doctype html>
<html lang="en">
<head>
        <meta charset="utf-8">
        <title>Nero-Hosting Updating</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <!-- Custom font from Google Web Fonts -->
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet">
        <!-- Social font -->
        <link href="css/social-font.css" rel="stylesheet">
        <!-- Template stylesheet -->
        <link href="css/metronome.css" rel="stylesheet">
    </head>
    <body>
        <div class="container">
            <!-- Header -->
            <h1 class="header section">Nero-Hosting</h1>
            <!-- /Header -->
            <!-- Description -->
            <p class="description section">We are just updating our website and making lots and lots of changes! Check Back Soon!</p>
            <!-- /Description -->
            <!-- Countdown -->
            <div id="countdown" class="countdown section">
                <div class="countdown-item">
                    <div class="countdown-label">Days</div>
                    <div class="countdown-number red" id="countdown-days">
                        <div class="countdown-number-side countdown-number-back"></div>
                        <div class="countdown-number-side countdown-number-front"></div>
                    </div>
                </div>
                <div class="countdown-item">
                    <div class="countdown-label">Hours</div>
                    <div class="countdown-number yellow" id="countdown-hours">
                        <div class="countdown-number-side countdown-number-back"></div>
                        <div class="countdown-number-side countdown-number-front"></div>
                    </div>
                </div>
                <div class="countdown-item">
                    <div class="countdown-label">Minutes</div>
                    <div class="countdown-number blue" id="countdown-minutes">
                        <div class="countdown-number-side countdown-number-back"></div>
                        <div class="countdown-number-side countdown-number-front"></div>
                    </div>
                </div>
                <div class="countdown-item">
                    <div class="countdown-label">Seconds</div>
                    <div class="countdown-number green" id="countdown-seconds">
                        <div class="countdown-number-side countdown-number-back"></div>
                        <div class="countdown-number-side countdown-number-front"></div>
                    </div>
                </div>
            </div>
            <!-- /Countdown -->
            <!-- Social links -->
            <div class="social-links">
                <a href="https://twitter.com/Nero_Hosting" class="icon-twitter-alt red"></a>
            </div>
            <!-- /Social links -->
        </div>
        <!-- Scripts -->
        <script src="../ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
        <script src="js/jquery.countdown.js"></script>
        <script src="js/placeholders.min.js"></script>
        <script src="js/metronome.js"></script>
    <audio loop="" autoplay="">
                              <source src="http://www.goodymusic.it/public/allegati/audio/51823_11820913007504706977.mp3" type="audio/mpeg"></audio>   
    </body>
</html>
metrome design :
========================================================================================== ==============================
    Metronome - Coming Soon Page
    v 1.0, 13 May 2013
    by Alex Shnayder
========================================================================================== ==============================
    Main javascript file
$(document).ready(function() {
    var config;
    $.getJSON('config.json').done(function(data) {
        config = data;
        Countdown
========================================================================================== ========*/
        var date = new Date(config.countdown.year,
                            config.countdown.month - 1,
                            config.countdown.day,
                            config.countdown.hour,
                            config.countdown.minute,
                            config.countdown.second),
            $countdown = $('#countdown'),
            $countdown_numbers = {
                days: $('#countdown-days'),
                hours: $('#countdown-hours'),
                minutes: $('#countdown-minutes'),
                seconds: $('#countdown-seconds')
            tab_focused = true;
        $(window).on('focus', function() {
            tab_focused = true;
        $(window).on('blur', function() {
            tab_focused = false;
        $.each($countdown_numbers, function() {
            var $this = $(this);
            $this.data({
                angle: 0,
                sides: {
                    current: $('.countdown-number-front', $this),
                    other: $('.countdown-number-back', $this)
                current_side: 1
        $countdown.countdown(date, function(event) {
            if (event.type == 'finished') {
                $countdown.hide();
            } else if (tab_focused) {
                var $tile,
                    $current_side,
                    $other_side,
                    angle,
                    timer;
                $tile = $countdown_numbers[event.type];
                if (!$tile) {
                    return;
                $current_side = $tile.data('sides').current;
                $other_side = $tile.data('sides').other;
                angle = $tile.data('angle') + 180;
                $tile.css('transform', 'rotateY(' + angle + 'deg)').data('angle', angle);
                $other_side.text(event.value);
                timer = setTimeout(function() {
                    $current_side.hide();
                    $other_side.show();
                    $tile.data('sides', {
                        current: $other_side,
                        other: $current_side
                    clearTimeout(timer);
                }, 250);
        Subscription form
========================================================================================== ========*/
        var messages = config.subscription_form_tooltips,
            error = false,
            $form = $('#subscription-form'),
            $email = $('#subscription-email'),
            $button = $('#subscription-submit'),
            $tooltip;
        function renderTooltip(type, message) {
            var offset;
            if (!$tooltip) {
                $tooltip = $('<p id="subscription-tooltip" class="subscription-tooltip"></p>').appendTo($form);
            if (type == 'success') {
                $tooltip.removeClass('error').addClass('success');
            } else {
                $tooltip.removeClass('success').addClass('error');
            $tooltip.text(message).fadeTo(0, 0);
            offset = $tooltip.outerWidth() / 2;
            $tooltip.css('margin-left', -offset).animate({top: '100%'}, 200).dequeue().fadeTo(200, 1);
        function hideTooltip() {
            if ($tooltip) {
                $tooltip.animate({top: '120%'}, 200).dequeue().fadeTo(100, 0);
        function changeFormState(type, message) {
            $email.removeClass('success error');
            if (type == 'normal') {
                hideTooltip();
            } else {
                renderTooltip(type, message);
                $email.addClass(type);
        $form.submit(function(event) {
            event.preventDefault();
            var email = $email.val();
            if (email.length == 0) {
                changeFormState('error', messages['empty_email']);
            } else {
                $.post('./admin/index.php?page=subscribe', {
                    'email': email,
                    'ajax': 1
                }, function(data) {
                    if (data.status == 'success') {
                        changeFormState('success', messages['success']);
                    } else {
                        switch(data.error) {
                            case 'empty_email':
                            case 'invalid_email':
                            case 'already_subscribed':
                                changeFormState('error', messages[data.error]);
                                break;
                            default:
                                changeFormState('error', messages['default_error'])
                                break;
                }, 'json');
        // Remove tooltip on text change
        $email.on('change focus click keydown', function() {
            if ($email.val().length > 0) {
                changeFormState('normal');
============================================================
If you need more info or files just tell me...

Answer 1

Read the documentation:
http://hilios.github.io/jQuery.countdown/
Nancy O.