Jump to content
  • 0

счетчик для одностраничника


mrfrunze
 Share

Question

Добрый день подскажите как найти счетчик вот такой 

где найти подобный? Очень нужен!  Пересмотрел много, но ни один не  подходит, как его править, так чтобы можно было шрифт заменить, и  цвет нужный поставить, и на русский даты и времени перевести. 

Спасибо, буду очень признателен за помощь.

Edited by mrfrunze
Link to comment
Share on other sites

13 answers to this question

Recommended Posts

  • 0

делается ручками

вы бы еще парграф искали где скачать

 

html + css для создания верстки тупо циферки на черном фоне с слэшами(картинки, текстом другого шрифта или повернутой линией)

js для создания функционала

Link to comment
Share on other sites

  • 0

делается ручками

вы бы еще парграф искали где скачать

 

html + css для создания верстки тупо циферки на черном фоне с слэшами(картинки, текстом другого шрифта или повернутой линией)

js для создания функционала

я понимаю что ручками, я не нашел похожего, где найти самы простой который можно самому задать стили?

Link to comment
Share on other sites

  • 0

Неделю назад кто то спрашивал, не вы случайно? 

Поищите по поиску или просто прошлые темы.

Добрый день я спрашивал, но так и не получил толковый ответ. поэтому снова обращаюсь за помощью.

Link to comment
Share on other sites

  • 0

Вот счетчик: http://jsfiddle.net/8L30b099/

 

var endAction = new Date(2014, 10, 15); // сюда передаешь дату окончания акции

P.S. Стили сам задай.

Спасибо большое за помощь ))  Респект и уважение Вам.

Link to comment
Share on other sites

  • 0

подскажите можно ли  этот джава скрипт подключить через  js файл ?
 

var endAction = new Date(2014, 10, 15);var dd = document.querySelector('.dd');var hh = document.querySelector('.hh');var mm = document.querySelector('.mm');var ss = document.querySelector('.ss');function counter(endAction) {	var currentDate = new Date();	var timer = endAction - currentDate;        var days = parseInt(timer / (60 * 60 * 1000 * 24));    if (days < 10) days = '0' + days;    days = days.toString();    dd.innerHTML = days;        var hours = parseInt(timer / (60 * 60 * 1000)) % 24;    if (hours < 10) hours = '0' + hours;    hours = hours.toString();	hh.innerHTML = hours;        var minutes = parseInt(timer / (1000 * 60)) % 60;    if(minutes < 10) minutes = '0' + minutes;    minutes = minutes.toString();    mm.innerHTML = minutes;        var seconds = parseInt(timer / 1000) % 60;    if (seconds < 10) seconds = '0' + seconds;    seconds = seconds.toString();    ss.innerHTML = seconds;}
setInterval(function() {    counter(endAction);}, 1000);

если да то так целиком ? или этот кусок ниже в html. вставить?

setInterval(function() {    counter(endAction);}, 1000);

Сейчас все к html через тэг скрипт, но долго грузится страница. спасибо.

какой получился счетчик

Edited by mrfrunze
Link to comment
Share on other sites

  • 0
подскажите можно ли  этот джава скрипт подключить через  js файл ?

 

Ну разумеется можно. Выносишь весь JavaScript-код в отдельный файл и подключаешь его через тег <script>.

  • Like 1
Link to comment
Share on other sites

  • 0

 

подскажите можно ли  этот джава скрипт подключить через  js файл ?

 

Ну разумеется можно. Выносишь весь JavaScript-код в отдельный файл и подключаешь его через тег <script>.

 

этот код тоже оставлять или прописывать в html через скрипт 

setInterval(function() {    counter(endAction);}, 1000);
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy