Помощник
|
Как сделать часы, которые идут во время просмотра страницы, Как сделать часы на JS |
nitronn
|
Сообщение
#1
|
||
|
|
||
|
|||
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
|
Сообщение
#3
|
|
Большое спасибо
|
|
|
ZiTosS |
7.11.2008, 23:45;
Ответить: ZiTosS
Сообщение
#4
|
|
Всегда пожалуйста
|
|
|
DuMC |
19.1.2009, 23:18;
Ответить: DuMC
Сообщение
#5
|
|
|
|
|
ZiTosS |
20.1.2009, 0:07;
Ответить: ZiTosS
Сообщение
#6
|
|
DuMC, люди в данной ветке не ищут готового, они просят показать пример...
|
|
|
DuMC |
20.1.2009, 17:18;
Ответить: DuMC
Сообщение
#7
|
|
ну а там примеров гораздо больше))
|
|
|
ZiTosS |
20.1.2009, 22:46;
Ответить: ZiTosS
Сообщение
#8
|
|
DuMC, половина скриптов на WoWeb выложены нифига не понимающими в данной теме людьми. Предоставляют ужасные скрипты и пишут к ним такие пояснения "Лучшего скрипта ... вы не найдёте! Он содержит в себе всё!", ну не глупо ли? Большая, а то и вся, часть скриптов без комментариев, и только начинающий человек без них не разберётся.
|
|
|
DuMC |
22.1.2009, 16:04;
Ответить: DuMC
Сообщение
#9
|
|
а тот код что выше,можно ведь наложить с помощью PHP на страницу?
|
|
|
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 |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Странный трафик на сайте длительное время | 34 | TABAK | 9113 | Вчера, 23:38 автор: Arsenwenger |
|
Как в пушсетках покупают по 100-200 тысяч кликов за день? | 2 | Boymaster | 699 | Вчера, 17:52 автор: Boymaster |
|
Как вы отдыхаете от работы за компом | 151 | adw-kupon.ru | 19865 | 23.4.2024, 13:52 автор: Vmir |
|
Как вы бросили работу и перешли на заработок с сайтов? | 20 | uahomka | 3478 | 23.4.2024, 11:54 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 30 | freeax | 5042 | 20.4.2024, 16:49 автор: Liudmila |
Текстовая версия | Сейчас: 25.4.2024, 16:02 |