Code

Discussion on Resizable Multicolor Countdown

Discussion on Resizable Multicolor Countdown

Cart 684 sales

papanderos supports this item

Supported

129 comments found.

Hi there,

I just purchased this wonderful script. However, when the timer is less than 0, i saw “The End!” flashes and disappeared. I have tried to set CanvasContext.fillStyle = ”#000000”; in TimeEnd() in CountDownJS.js, but the problem is still there. Can you please advise how to fix this?

I want to display the message “The End” and stay there without it flashes and disappears.

What is yor browser? Can you send me the link to my email?

Safari 13.0.5 and Google Chrome Versión 80.0.3987.122, Can you give me you email?

write me email from my profile page

Hello When I try and install this plugin into our wordpress site, I select the zip file but Wordpress says “no valid plugin”.

Can you please help.

It is just html, not wordpress plugin.

Hello,

Can this be set to count up?

Thank you ..

I can’t seem to find any instructions in my download. I have the plugin successfully installed in WP. Just don’t know how to put it on a page.

Installed it and added date to .js but the timer only shows time/minutes/sections. No date. How do I fix that?

You have to change parametres in html file

hello, it is possible that you can also provide this counter for angular7. i like to pay for extra expenses. please contact me via tivacero@gmail.com , alternatively here regards herbert

Sorry, but I have no time to make this changes

Hi, I just buy the plugin and install it but I don’t see the settings or the way I can create a coutdown with his shortcode, no new item menu in my admin menu

thks

I don’t see any information about your purchase. Perhaps this is because you write in the comments to another product.

To paste the shortcode, click on the blue icon in the toolbar and set the options you want.

Item Purchase Code: 5f867ade-7925-4d0e-85ea-b7cdebca7987

sorry I bought WP plugin, I put comment on the right product comments

Hi,

How can I stop or pause the countdown? I need to set blackouts.

Thanks

Hello, such functions are not supported

Hi, can i change it for how to count my birth day in day? please help me thanks before

just set your birthday in settings

Can I adjust the size of the text below the counter? When I resize the widget to be smaller than full browser width, the “DAYS”, “HOURS”, etc. captions are too small to read.

sorry, but in muse widget it is impossible to change font of inscriptions.

Since it is impossible to change the size of the text captions, this Muse widget is not truly responsive and will not be usable on phone layout.

ymy

ymy Purchased

Hi there,

Just copied the code into my page but looks disturb (huge upper space).

Can you check for me plese : https://www.studielift123.nl/van_dijk.html

Thank you, kind regards, Marcel Pelgrim

what space do you mean?

ymy

ymy Purchased

The huge space between the top navigation and the countdown | https://www.studielift123.nl/van_dijk.html

can you write email me from my profile page? I will send you updated verion

Hello, could you please teach me how to set the time?

Hi, set time and date in html file. Read comments.

Hello. Is it possible to have the countdown clock use the visitor’s local timezone (so that it would be a countdown to a date/time in THEIR locale)?

2 Pre-sale questions. Can you insert the countdown anywhere through shortcodes? Also, does the plugin support autoreset – when the countdown ends it automatically resets and start again?

I mean, is the code optimized to not slow down the website.

В-общем, я его победил. :) 1) Рисуем div, в который будет загружен счетчик. Указываем у него width=100% (в CSS). 2) В произвольном месте указываем параметры счетчика: <script type=”text/javascript”> countDown1 = new CountDownObject(); указываем все параметры: дату, цвета и пр. - countDown1.CANVAS_NAME = “CountDownCanvas”; </script> 3) В скрипте добавим две функции: this.Output = function(){ sec = this.SET_YOUR_SEC; min = this.SET_YOUR_MIN; hour = this.SET_YOUR_HOUR; day = this.SET_YOUR_DAY; month = this.SET_YOUR_MONTH; year = this.SET_YOUR_YEAR; num = this.NUM_OF_ELEMENTS; timeAnim = this.TIME_ANIMATION; backC = this.BACK_COLOR; digitsC = this.DIGITS_COLOR; textC = this.TEXT_COLOR; isDynamicColor = this.IS_DYNAMIC_COLOR; var output = ’<canvas id=”’ + this.CANVAS_NAME + ’”></canvas>’; return output; } this.Starter = function(wid){ findWidth = document.getElementById(‘my_countdown’); width = wid; Canvas = document.getElementById(this.CANVAS_NAME); CanvasContext = Canvas.getContext(“2d”); Canvas.setAttribute(“width”, width); param = new ParametresType(); height = 150.1param.elementSize + 1; Canvas.setAttribute(“height”, height); timeZoneEdit = (new Date().getTimezoneOffset() + this.TIME_ZONE60)*60000; timeAndDateLast = new TimeInfo(); img = new AllImages(); DrawText(); window.onload = function(){resizeCanvas();}; // for safari timerId = setInterval(Main, 16); }

Первая функция рисует в указанном нами месте пустой холст (canvas). Вторая функция вписывает в этот холст сам счетчик. 4) Включаем всю эту красоту: <script type=”text/javascript”> $(document).ready(function(){ var cnt = $(‘div#my_countdown’); var wid = cnt.width(); cnt.html(countDown1.Output()); countDown1.Starter(wid); }) $(window).resize(function(){ var wid = $(‘div#my_countdown’).width(); $(‘canvas#CountDownCanvas’).attr(‘width’, wid); }) </script> От встроенной функции изменения размеров счетчика пришлось отказаться, переписал на свой вариант. Всё работает. Еще раз спасибо! Успехов!

Здравствуйте. Большое спасибо за отличную работу! Приятно поддержать труд соотечественника. :) Есть девелоперский вопрос по использованию плагина с jQuery. Сделал простой php-шаблон с кодом инициализации счетчика и прочей разметкой. Переменные времени отсчёта вставляются из БД, всё красиво, в-общем. Если этот шаблон includ’ю напрямую PHP-”движком”, то всё отлично. Но если этот шаблон вызываю с помощью AJAX-запроса, то всё ломается — появляется только счетчик на весь экран, прочая разметка из шаблона не появляется, иконка ajax-лоадера крутится постоянно. Как мне кажется, это из-за того, что вывод плагина сделан через “document.write”, но могу ошибаться. Не могли бы вы подсказать, как можно попробовать вывести результат работы Вашего скрипта в какой-то указанный div, например… Много как пробовал, но может у Вас есть какая-то мысль на этот счет. Реализовать идею попробую сам.

Надеюсь, что мне удалось объяснить суть моей проблемы.

Заранее спасибо. Юра.

Спасибо. Document.write нужен только для удобства. Можете этот фрагмент вообще удалить, но придется добавить див в то место где нужно выводить счетчик. Только нужно указать правильно префиксы.

Its possible to clock whith the computer time or real time, no count down?

no, it is just countdown

Its possible for you to make a real time? Like another script?

Unfortunately it is a very labor-intensive process

Purchase code e827fe0a-136d-4a23-bbc6-58af7d5c69f8 – 15 Mar 2018

Is that correct that the counter can only count mx 1 year? Unfortunately that is not in the description. I need the counter until 2021

Hello, write me email from my profile page please

Hi,

Can this be used to count up or down between arbitrary numbers, not date/times? Say from 34 to 2,198?

Is the JS code compatible with Wordpress noConflict mode? I don’t want a plugin but just to embed hard coded HTML, will the script work on a WP page?

Hello, it’s just countdown. This script did not test in WP

Hello, after all thank you for this model ! it’s very wonderfull !,i want to ask you it is possible with this model to make difference between the current day and onther date if the result is negative it return a countdown with the color red in the opposite case i will have a green countdown!

write me email from my profile page please

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey