Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

WordPress JavaScript — как правильно подключить файл скрипта к шаблону сайта
Использование в шаблонах WordPress JavaScript скриптов давно стало обычным делом. Их подключение возможно несколькими способами, начиная с классического варианта с использование голого HTML. Но чтобы все

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

Практика javascript синтаксис написания
Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

Рекомендации решившим начать изучать JavaScript
Если вы решили начать изучать JavaScript , то эта статья для вас. Надеюсь, что её прочтение избавит вас в будущем от множества ошибок и сделает его изучения более простым, быстрым и эффективным. В статье

Скрипт отчета времени или до нового года осталось. Скопируй и вставь на сайт

Опубликовано: 02.09.2018

Вот и приближается Новый Год. Знаю, что опоздал со скриптом, но, думаю, он вам пригодится, так как этот скрипт делает отсчет времени не только к Новому Году, а также к 8 марта, Рождеству, концу Света, Дню рождения сайта или тещи, и  т.д.

Преимущества скрипта: он написан на JavaScript для отсчета даты, в нем прописаны склонения слова «день». В скрипте выводится три вида надписи:

1.  До нового года осталось **** дней

2.  Завтра новый год!

3.  С новым годом!!!

Естественно, вы можете поменять текст на такой, какой вам нравится.

Меняется текст в коде здесь (менять только текст, который находиться в лапках, при этом, лапки оставляем) (смотри строку 26):

//Выводим надпись в документ

if(daysLeft<0) {document.write("С новым годом!!!")}

else {

if(daysLeft==0) {document.write("Завтра новый год!")} else {

document.write("До нового года осталось "+daysLeft+dayname+"!")}

}

Также можно указать свою дату и месяц. Меняется это здесь (смотри строку 10):

//Можно установить любую дату

nextDate = new Date("January  1, 2013")

January – месяц

1 – число

2013 – год.

Для тех, кто не знает месяца на англ., пишу, может пригодится, ведь еще впереди Рождество и 8 марта:

ЯнварьJanuary

ФевральFebruary

МартMarch

АпрельApril

МайMay

ИюньJune

Июль – July

АвгустAugust

СентябрьSeptember

ОктябрьOctober

НоябрьNovember

ДекабрьDecember

Примерно это будет выглядеть вот так:

До нового года осталось 7 дней!

Вот, собственно говоря, и код JavaScript  отсчета времени или «до нового года осталось…»

1). скрипт.

<html> <head> <title>Скрипт показывает сколько дней осталось до нового года</title> </head> <body> <script type="text/javascript" language="JavaScript"> function daysLeftNewYear() { today = new Date() //Можно установить любую дату nextDate = new Date("January 1, 2013") //Количество миллисекунд в одном дне msPerDay = 24*60*60*1000; //Высчитываем количество дней daysLeft = Math.round((nextDate.getTime() - today.getTime())/msPerDay); dayname = "" ds = ""+daysLeft //Вырезаем последнею цифру dd=parseInt(ds.substr(ds.length-1)) //Склоняем слово ДЕНЬ if(daysLeft>4&&daysLeft<21)dayname=" дней" else if(dd==1)dayname=" день" else if(dd==2||dd==3||dd==4)dayname=" дня" else dayname=" дней" //Выводим надпись в документ if(daysLeft<0) {document.write("С новым годом!!!")} else { if(daysLeft==0) {document.write("Завтра новый год!")} else { document.write("До нового года осталось "+daysLeft+dayname+"!")} } } </script> <script type="text/javascript" language="JavaScript">daysLeftNewYear()</script> </body> </html>

Вот еще один скрипт отсчета времени, написан тоже на JavaScript. Только в этом скрипте выводятся не только дни, но и часы, минуты и даже секунды.

Примерно это будет выглядеть вот так:

До нового года осталось: 7дн. 09ч. 39мин. 35сек.

В этом скрипте можно установить любую дату (см. строку 7).

var newYear=new Date(" January ,1 ,2013 ,00:00:00");

Поменять текст сообщения при окончании даты (см. строка 31)

document.getElementById( "clock").innerHTML=" C НОВЫМ ГОДОМ !!! ";

Вот, собственно говоря, и код JavaScript  отсчета времени или «до нового года осталось…»

2). скрипт.

<html> <head> <script type="text/javascript"> function fulltime () { var time=new Date(); var newYear=new Date("January,1,2013,00:00:00"); var totalRemains=(newYear.getTime()-time.getTime()); if (totalRemains>1){ var RemainsSec = (parseInt(totalRemains/1000));//сколько всего осталось секунд var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));//осталось дней var secInLastDay=RemainsSec-RemainsFullDays*24*3600; //осталось секунд в неполном дне var RemainsFullHours=(parseInt(secInLastDay/3600));//осталось часов в неполном дне if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours}; var secInLastHour=secInLastDay-RemainsFullHours*3600;//осталось секунд в неполном часе var RemainsMinutes=(parseInt(secInLastHour/60));//осталось минут в неполном часе if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes}; var lastSec=secInLastHour-RemainsMinutes*60;//осталось секунд if (lastSec<10){lastSec="0"+lastSec}; document.getElementById("RemainsFullDays").innerHTML=RemainsFullDays+"дн. "; document.getElementById("RemainsFullHours").innerHTML=RemainsFullHours+"ч. "; document.getElementById("RemainsMinutes").innerHTML=RemainsMinutes+"мин. "; document.getElementById("lastSec").innerHTML=lastSec+"сек. "; setTimeout('fulltime()',10) } else{ document.getElementById("clock").innerHTML="C НОВЫМ ГОДОМ !!!"; } } </script> </head> <body> <span id="clock">До нового года осталось: <b><span id="RemainsFullDays"></span></b> <b><span id="RemainsFullHours"></span></b> <b><span id="RemainsMinutes"></span></b> <b><span id="lastSec"></span></b> </span> <script type="text/javascript">fulltime();</script> </body> </html>

Вот еще один JavaScript  отсчета времени для сайта.

В этом скрипте добавляется поздравительная открытка.

До нового года осталось: 7дн. 09ч. 39мин. 35сек.

3). скрипт.

<html> <head> </head> <body> <center><div align="center" style="padding:2px; border: 1px dashed white; width: 155px;"> <a href="https://bloggood.ru"><img src="https://bloggood.ru/wp-content/uploads/2012/12/Novi-God.jpg" border="0"></a> <div align="center" style="width: 140px;"><span style="color:#сс0000"> <b><div align="center"> <script Language="javascript"> function cdtime(container, targetdate){ if (!document.getElementById || !document.getElementById(container)) return this.container=document.getElementById(container) this.currentTime=new Date() this.targetdate=new Date(targetdate) this.timesup=false this.updateTime() } cdtime.prototype.updateTime=function(){ var thisobj=this this.currentTime.setSeconds(this.currentTime.getSeconds()+1) setTimeout(function(){thisobj.updateTime()}, 1000) } cdtime.prototype.displaycountdown=function(baseunit, functionref){ this.baseunit=baseunit this.formatresults=functionref this.showresults() } cdtime.prototype.showresults=function(){ var thisobj=this var timediff=(this.targetdate-this.currentTime)/1000 if (timediff<0){ this.timesup=true this.container.innerHTML=this.formatresults() return } var oneMinute=60 var oneHour=60*60 var oneDay=60*60*24 var dayfield=Math.floor(timediff/oneDay) var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour) var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute) var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute)) if (this.baseunit=="hours"){ hourfield=dayfield*24+hourfield dayfield="n/a" } else if (this.baseunit=="minutes"){ minutefield=dayfield*24*60+hourfield*60+minutefield dayfield=hourfield="n/a" } else if (this.baseunit=="seconds"){ var secondfield=timediff dayfield=hourfield=minutefield="n/a" } this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield) setTimeout(function(){thisobj.showresults()}, 1000) } function formatresults2(){ if (this.timesup==false){ var displaystring="<span class='nonewyear'>"+arguments[0]+" Дней "+arguments[1]+" Часов<br>"+arguments[2]+" Минут "+arguments[3]+" Секунд</span> " } else{ var displaystring="<span class='newyear1'>С Новым годом!!!</span>" //alert("С Новым годом!!!") } return displaystring } </script> <div id="countdowncontainer2"></div> <script type="text/javascript"> var currentyear=new Date().getFullYear() var thischristmasyear=(new Date().getMonth()==0 && new Date().getDate()==1)? currentyear : currentyear + 1 var christmas=new cdtime("countdowncontainer2", "january 1, "+thischristmasyear+" 0:0:00") christmas.displaycountdown("days", formatresults2) </script></div></div></center><b></span> </body> </html>

Предложение: вы можете поэкспериментировать со скриптами. А именно... вы можете сделать так, чтобы на Новый Год или на другой праздник автоматически по дате выскакивала поздравительная открытка. Экспериментируйте!

По теме "О братный отсчет времени для сайта " у меня все. Если что-то не получается, пишите и быстренько устанавливайте скрипт, может, до Нового Года как раз успеете.

С наступающими вас праздниками.

Написал я этот пост 24 декабря 2012г. Вр15:23 . Уточнил это для тех, кто зайдет на эту страницу весной, чтобы не подумали о мне ничего лишнего  .

С уважением Webmasterok2009

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Последние новости категории:

Похожие статьи

Популярные статьи:

Добавить комментарий

Метки: javascript , для сайта , эффекты для сайта

rss