26.10.2010 16:53:33
Отсчёт до значимой даты
Приближается Хэллоуин. Можно установить счётчик-отсчёт дней до него.
Эту часть кода ставим в head
Эту часть кода в body
Этот скрипт можно использовать, как отсчёт дней до любой знаменательной даты. Разберём подробнее.
Размер и цвет шрифта, думаю понятно как изменять (меняются в CSS)
Теперь по настройкам самого скрипта:
-Выставляется конкретная дата, до которой будет идти отсчёт события. Дату выставлять в формате - месяц, число, год;
-Эта часть кода показывает надпись, когда нужное событие наступит (ожидаемая дата), меняйте текст на свой вкус;
- Эта часть кода показывает надпись, за день до наступления события, также меняйте по вкусу;
- Эта часть кода показывает надпись, в те дни, которые были раньше, чем за день до события. Таких дней можно делать несколько с помощью days > 1;
- Это, к примеру название события, также можно использоваться в описании для каждого дня, как в последнем примере.
Кто не понял, стучите в Icq, с удовольствием помогу.
Эту часть кода ставим в head
<!-- by Azygos -->
<!-- by Antihero -->
<style type="text/css">
#Halloween {
text-align: center;
font-size: +30;
font-weight: bold;
color: red;
}
</style>
<!-- by Antihero -->
<style type="text/css">
#Halloween {
text-align: center;
font-size: +30;
font-weight: bold;
color: red;
}
</style>
Эту часть кода в body
<div id="Halloween">
<script type="text/javascript">
<!-- Begin
var date = new Date("11 01, 2010");
var description = "Halloween";
var now = new Date();
var diff = date.getTime() - now.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24));
if (days > 4) {
document.write(" Через " + days + " дней наступит " + description);
}
else if (days > 1) {
document.write(" Через " + days + " дня наступит " + description);
}
else if (days == 0) {
document.write("Завтра гриммирируйтесь, одевайте костюмы");
}
else {
document.write("Ура! Началось (:");
}
// End -->
</script>
</div>
<script type="text/javascript">
<!-- Begin
var date = new Date("11 01, 2010");
var description = "Halloween";
var now = new Date();
var diff = date.getTime() - now.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24));
if (days > 4) {
document.write(" Через " + days + " дней наступит " + description);
}
else if (days > 1) {
document.write(" Через " + days + " дня наступит " + description);
}
else if (days == 0) {
document.write("Завтра гриммирируйтесь, одевайте костюмы");
}
else {
document.write("Ура! Началось (:");
}
// End -->
</script>
</div>
Этот скрипт можно использовать, как отсчёт дней до любой знаменательной даты. Разберём подробнее.
Размер и цвет шрифта, думаю понятно как изменять (меняются в CSS)
Теперь по настройкам самого скрипта:
var date = new Date("11 01, 2010");
-Выставляется конкретная дата, до которой будет идти отсчёт события. Дату выставлять в формате - месяц, число, год;
else {
document.write("Ура! Началось (:");
}
document.write("Ура! Началось (:");
}
-Эта часть кода показывает надпись, когда нужное событие наступит (ожидаемая дата), меняйте текст на свой вкус;
else if (days == 0) {
document.write("Завтра гриммирируйтесь, одевайте костюмы");
}
document.write("Завтра гриммирируйтесь, одевайте костюмы");
}
- Эта часть кода показывает надпись, за день до наступления события, также меняйте по вкусу;
else if (days > 1) {
document.write(" Через " + days + " дня наступит " + description);
}
document.write(" Через " + days + " дня наступит " + description);
}
- Эта часть кода показывает надпись, в те дни, которые были раньше, чем за день до события. Таких дней можно делать несколько с помощью days > 1;
var description = "Halloween";
- Это, к примеру название события, также можно использоваться в описании для каждого дня, как в последнем примере.
Кто не понял, стучите в Icq, с удовольствием помогу.