Главная » Эффекты для сайта » Скрипт сколько дней я не курю или не пью. Счетчик на javascript

Скрипт сколько дней я не курю или не пью. Счетчик на javascript

2014-11-13 / Вр:00:00 / просмотров: 18852

Счетчики бывают разными. Одни считают дни и часы, оставшиеся к Новому году, другие показывают количество гостей на сайте, а счетчик, который я вам хочу сегодня представить, умеет считать дни проявленной силы воли!

Если вы – человек, решивший бросить вредную привычку (пить или курить), то этот счетчик послужит вам некой моральной поддержкой. Устанавливаете счетчик на своем блоге или сайте, и ваши гости могут наблюдать за тем, как изо дня в день вы проявляете выдержку и силу воли в борьбе с пагубной привычкой.

Если эта идея для вас, то предлагаю абсолютно готовый скрипт со всеми CSS оформлениями. Код можете цеплять в любом месте на сайте: в шапке, в боковой панеле, в футоре. Посмотрите, как выглядит счетчик:

[посмотреть демонстрацию]

Итак, минуя все нравоучения о том, что вам пора бросать курить или пить, даю код счетчика, который автоматически будет считать счастливые свободные дни вашей жизни :idea: :

<html>
<head>
<title>скрипт против курения и алкоголя на bloggood.top</title>
<meta charset="utf-8">
<style>
.blok
{
width:350px;
height:375px;
background: url(fon.jpg) no-repeat top  center;
font:15px  Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
color:#fff;
}
.txt
{
text-align: center; /* текста по центру */
margin:80px 0 0 20px;
float: left;
}
.txt2
{
text-align: center; /* текста по центру */
margin:80px 40px 0 0;
float: right;
}
</style>
</head>
<body>
<div class="blok">
<p class="txt"><script language=JavaScript>
<!--
d0 = new Date('july 21, 1984');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('Я не курю <B><br>' + Math.round(dt) + '</B>-й день.');
-->
</script></p>
<p class="txt2"><script language=JavaScript>
<!--
d0 = new Date('October 10, 2012');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('Я не пью <B><br>' + Math.round(dt) + '</B>-й день.');
-->
</script></p>
</div>
</body>
</html>

Настройки:
В строке №33– установите дату, когда вы отказались от курева.
В строке №41 – установите дату, когда вы отказались от алкоголя.

Для класса «.blok» установите стили для фоновой картинки.
Для класса «.txt» и «.txt2» установите стили для текста.

Если кто не знает английского, вот список месяцев:

Январь – January
Февраль – February
Март – March
Апрель – April
Май – May
Июнь – June
Июль – July
Август – August
Сентябрь – September
Октябрь – October
Ноябрь – November
Декабрь – December