X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> Как сделать часы, которые идут во время просмотра страницы, Как сделать часы на JS
nitronn
nitronn
Topic Starter сообщение 5.11.2008, 21:35; Ответить: nitronn
Сообщение #1


У меня вопрос к веб-мастерам, как мне сделать простые часы, которые будут идти во время просмотра страницы.
Пожалуйста, распишите алгоритм, буду признателен :)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 5.11.2008, 23:35; Ответить: ZiTosS
Сообщение #2


Я так понял тебе нужны динамические часы, сделанные на JavaScript.
Тогда рассмотрим подобный код
<html>
<head>
<title>Часы на JS</title>
</head>

<script type="text/javascript">
<!--
function clock() {
    //Блок с часами, div с id="clockdiv"
var block = document.getElementById('clockdiv');

    // Время в данный момент
thistime = new Date();

var hours=thistime.getHours(); //часы
var minutes=thistime.getMinutes(); //минуты
var seconds=thistime.getSeconds(); //секунды

   //Если часы = {0,9} то добавляем "0" перед числом
if (eval(hours) <10) {hours="0"+hours};

   //Если минуты = {0,9} то добавляем "0" перед числом
if (eval(minutes) < 10) {minutes="0"+minutes};

   //Если секунды = {0,9} то добавляем "0" перед числом
if (seconds < 10) {seconds="0"+seconds};

   //Собираем время которое будем выводить
thistime = hours+":"+minutes+":"+seconds;

block.innerHTML = thistime; //Заносим полученное время в блок
var timer = setTimeout("clock()", 500); // Таймер на вызов функции clock() каждые 0.5 секунды
}

// - End of JavaScript - -->
</script>

</head>
<body onLoad="clock()">
<div id="clockdiv" style="color: #000;"></div>
</body>
</html>


И так... Разбирём работу скрипта.
1) Когда идёт загрузка страницы, с помощью атрибута тега <body>, onLoad мы вызываем функцию clock()
2) В функции мы определяем текущее время.
3) Затем мы его форматируем, добавляем 0 к времени там, где цифра < 10
4) Собираем время
5) Помещаем данное время в Блок(Если там уже что-то было, то замещаем)
6) С помощью таймера, мы вызываем данную функцию до закрытия страницы браузера каждые полсекунды.

Полсекунды нужны для того, чтобы время проверялось чаще, можно сделать время и секунду, просто полсекунды будет правильнее :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
nitronn
nitronn
Topic Starter сообщение 6.11.2008, 20:01; Ответить: nitronn
Сообщение #3


Большое спасибо
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 7.11.2008, 23:45; Ответить: ZiTosS
Сообщение #4


Всегда пожалуйста :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DuMC
DuMC
сообщение 19.1.2009, 23:18; Ответить: DuMC
Сообщение #5


Вот тут посмотри,приличный выбор
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 20.1.2009, 0:07; Ответить: ZiTosS
Сообщение #6


DuMC, люди в данной ветке не ищут готового, они просят показать пример...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DuMC
DuMC
сообщение 20.1.2009, 17:18; Ответить: DuMC
Сообщение #7


ну а там примеров гораздо больше))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 20.1.2009, 22:46; Ответить: ZiTosS
Сообщение #8


DuMC, половина скриптов на WoWeb выложены нифига не понимающими в данной теме людьми. Предоставляют ужасные скрипты и пишут к ним такие пояснения "Лучшего скрипта ... вы не найдёте! Он содержит в себе всё!", ну не глупо ли? Большая, а то и вся, часть скриптов без комментариев, и только начинающий человек без них не разберётся.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DuMC
DuMC
сообщение 22.1.2009, 16:04; Ответить: DuMC
Сообщение #9


а тот код что выше,можно ведь наложить с помощью PHP на страницу?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 22.1.2009, 21:45; Ответить: ZiTosS
Сообщение #10


а тот код что выше,можно ведь наложить с помощью PHP на страницу?

Опять неправильно сформулирован вопрос! Вы можете объяснить что значит наложить?
Мы можем сделать так

file.php
<?php
/* PHP КОД */
?>

<html>
<head>
<title>Часы на JavaScript</title>

<?php
/* PHP КОД */
?>

</head>

<script type="text/javascript">
<!--
function clock() {
    //Блок с часами, div с id="clockdiv"
var block = document.getElementById('clockdiv');

    // Время в данный момент
thistime = new Date();

var hours=thistime.getHours(); //часы
var minutes=thistime.getMinutes(); //минуты
var seconds=thistime.getSeconds(); //секунды

   //Если часы = {0,9} то добавляем "0" перед числом
if (eval(hours) <10) {hours="0"+hours};

   //Если минуты = {0,9} то добавляем "0" перед числом
if (eval(minutes) < 10) {minutes="0"+minutes};

   //Если секунды = {0,9} то добавляем "0" перед числом
if (seconds < 10) {seconds="0"+seconds};

   //Собираем время которое будем выводить
thistime = hours+":"+minutes+":"+seconds;

block.innerHTML = thistime; //Заносим полученное время в блок
var timer = setTimeout("clock()", 500); // Таймер на вызов функции clock() каждые 0.5 секунды
}

// - End of JavaScript - -->
</script>

</head>
<body onLoad="clock()">
<div id="clockdiv" style="color: #000;"></div>

<?php
/* PHP КОД */
?>

</body>
</html>


Вставки конечно можем делать. Но что значит в вашем понимании наложить код JavaScript(клиентский язык) на PHP(серверный язык). Ведь вы наверное понимаете, что JS просто на просто вставляется в HTML как и другие теги, только это уже язык программирования. Поэтому вам никто не запрещает использовать JS и HTML на страницах *.php
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
7 uahomka 1567 17.3.2024, 14:54
автор: uahomka
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
10 Boymaster 1468 17.3.2024, 3:22
автор: malamut
Открытая тема (нет новых ответов) Странный трафик на сайте длительное время
26 TABAK 7204 16.3.2024, 17:31
автор: Boymaster
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
26 metvekot 3656 15.3.2024, 10:42
автор: Skyworker
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
140 adw-kupon.ru 18368 12.3.2024, 23:28
автор: Lumex


 



RSS Текстовая версия Сейчас: 19.3.2024, 12:17
Дизайн