Формат даты обратного отсчета не работает должным образом javascript

My code is in javascript,html . Date of setting is not working properly. settings.date is incorrect. i would happy if anyone can help.

>      // CountDown Clock
>     // Version   : 1.0.1
>     // Developer : Ekrem KAYA
>     // Website   : http://e-piksel.com
>     // GitHub    : https://github.com/epiksel/countdown
(function ($) {

    'use strict';
    $.fn.countdown = function (options, callback) {
        var settings = $.extend({
            date: 12/13/2018 12:00:00.,
            offset: null,
            day: 'Day',
            days: 'Days',
            hour: 'Hour',
            hours: 'Hours',
            minute: 'Minute',
            minutes: 'Minutes',
            second: 'Second',
            seconds: 'Seconds'
        }, options);

!settings.date == is not showing correctly.

        // Throw error if date is not set
        if (!settings.date) {
            $.error('Date is not defined.');
        }

        // Throw error if date is set incorectly
        if (!Date.parse(settings.date)) {
            $.error('Incorrect date format, it should look like this, 12/24/2012 12:00:00.');
        }

        // Save container
        var container = this;

/** * Change client's local date to match offset timezone * @return {Object} Fixed Date object. */

        var currentDate = function () {
            // get client's current date
            var date = new Date();

            // turn date to utc
            var utc = date.getTime() + (date.getTimezoneOffset() * 60000);

            // set new Date object
            var new_date = new Date(utc + (3600000 * settings.offset));

            return new_date;
        };

/** * Main countdown function that calculates everything */

        function countdown() {
        //    alert("countdown");
            var target_date = new Date(settings.date), // set target date
                current_date = currentDate(); // get fixed current date
// alert(current_date);
// console.info(target_date);
console.info(settings.date);
            // difference of dates
            var difference = target_date - current_date;

            // if difference is negative than it's pass the target date
            if (difference < 0) {
                // stop timer
                clearInterval(interval);

                if (callback && typeof callback === 'function') callback();

                return;
            }

            // basic math variables
            var _second = 1000,
                _minute = _second * 60,
                _hour = _minute * 60,
                _day = _hour * 24;

            // calculate dates
            var days = Math.floor(difference / _day),
                hours = Math.floor((difference % _day) / _hour),
                minutes = Math.floor((difference % _hour) / _minute),
                seconds = Math.floor((difference % _minute) / _second);

            // based on the date change the refrence wording
            var text_days = (days === 1) ? settings.day : settings.days,
                text_hours = (hours === 1) ? settings.hour : settings.hours,
                text_minutes = (minutes === 1) ? settings.minute : settings.minutes,
                text_seconds = (seconds === 1) ? settings.second : settings.seconds;

            // fix dates so that it will show two digets
            days = (String(days).length >= 2) ? days : '0' + days;
            hours = (String(hours).length >= 2) ? hours : '0' + hours;
            minutes = (String(minutes).length >= 2) ? minutes : '0' + minutes;
            seconds = (String(seconds).length >= 2) ? seconds : '0' + seconds;
console.info(days,text_days);
            // set to DOM
            container.find('.days').text(days);
            container.find('.hours').text(hours);
            container.find('.minutes').text(minutes);
            container.find('.seconds').text(seconds);

            container.find('.days_text').text(text_days);
            container.find('.hours_text').text(text_hours);
            container.find('.minutes_text').text(text_minutes);
            container.find('.seconds_text').text(text_seconds);
        }

        // start
        var interval = setInterval(countdown, 1000);
    };

})(jQuery);

Что именно вы здесь пытаетесь делать? И date: 12/13/2018 12:00:00. неверен. Попробуйте date: '12/13/2018 12:00:00'

HymnZzy 14.11.2018 11:52

когда я использую console.info (settings.date); ответ неверный.

kajal 14.11.2018 15:07

Как вы запускаете таймер?

HymnZzy 15.11.2018 13:39
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
452
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

I got my answer.I Just need to put this code in HTMl, I am able to set my date.

 <script class = "source" type = "text/javascript">                                                                                              

  var now = new Date();                                                                                                    
  var day = now.getDate();                                                                                                   
  var month = now.getMonth() + 1;                                                                                                   
  var year = now.getFullYear() + 1;                                                                                                                                                        
  var nextyear = month + '/' + day + '/' + year + ' 07:07:07';                                                                                                                          
  $('#example').countdown({                                                                        
   date: '12/13/2018 12:00:00' , // TODO Date format: 07/27/2017 17:00:00                                 
   offset: +2, // TODO Your Timezone Offset                                                              
   day: 'Day',                                                                                            
   days: 'Days'                                                                                       
 }, function () {                                                                                      
    alert('Done!');                                                                                    
 });                                                                                            
</script>
                                                                                                    
<script class = "source" type = "text/javascript">                                                        
  var now = new Date();                                                                               
  var day = now.getDate();                                                                               
  var month = now.getMonth() + 1;                                                                       
  var year = now.getFullYear() + 1;                                                                    
  var nextyear = month + '/' + day + '/' + year + ' 07:07:07';                                         
  $('.clock').countdown({                                                                                  
    date: '12/13/2018 12:00:00' ,  // TODO Date format: 07/27/2017 17:00:00                                 
    offset: +2, // TODO Your Timezone Offset                                                                  
    day: 'Day',                                                                                               
    days: 'Days'                                                                                            
  }, function () {                                                                                         
     alert('Done!');                                                                                      
  });                                                                                               
 </script>

Другие вопросы по теме