Помощник
|
Как сделать часы, которые идут во время просмотра страницы, Как сделать часы на 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 |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Большие ставки для кликов в Я.Директ. Как удешевить? | 2 | rownong27 | 1124 | 26.3.2024, 14:13 автор: knezevolk |
|
Как вы бросили работу и перешли на заработок с сайтов? | 12 | uahomka | 2298 | 25.3.2024, 6:52 автор: Skyworker |
|
Как отозвать банковский платеж фрилансеру? | 28 | metvekot | 3921 | 25.3.2024, 6:34 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 23 | freeax | 3648 | 24.3.2024, 20:55 автор: Liudmila |
|
Через какой браузер и как можно найти в кэшэ браузера видео | 10 | Room | 1943 | 23.3.2024, 7:41 автор: Room |
Текстовая версия | Сейчас: 29.3.2024, 16:05 |