Помощник
|
Часы с миллисекундами |
Сергей111
|
Сообщение
#1
|
||
|
|
||
|
|||
Exterior |
20.6.2008, 9:50;
Ответить: Exterior
Сообщение
#2
|
|
Сергей111, есть пример таймера обратного отсчета с миллисекундами, кот. можно переделать в простые часы с теми же миллисекундами.
|
|
|
Сергей111
|
Сообщение
#3
|
|
Спасибо, щас гляну
|
|
|
Сергей111
|
Сообщение
#4
|
|
и все-таки, как из этого сделать часы с миллисекундами? ))
|
|
|
Exterior |
20.6.2008, 17:38;
Ответить: Exterior
Сообщение
#5
|
|
Сергей111, часы взял из темы Часы, для отображения миллисекунд добавил несколько строчек, также, отвечая на ваш вопрос, как поменять цвет, шрифт и т.д., добавил возможность настройки скрипта, значения, которые можно менять пометил комментариями:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Часы с миллисекундами by HTML.BY team</title> <style type="text/css"> <!-- #time { font: 16px Arial; /* Общий размер и стиль шрифта часов */ font-weight: bold; /* Выделение "жирным" */ } --> </style> <script type="text/javascript"> <!-- function Clock_ms() { /* Настройки внешнего вида */ var c_h = '#FF0000'; // Цвет часов var c_m = '#0000FF'; // Цвет минут var c_s = '#009900'; // Цвет секунд var c_ms = '#CC9900'; // Цвет миллисекунд var sep = '#000000'; // Цвет разделителей /* ======== /END ======== */ /* Для нормальной работы скрипта ниже лучше ничего не менять! */ var data = new Date(); var hour = data.getHours(); var min = data.getMinutes(); var sec = data.getSeconds(); var ms = (data.getTime()/10).toFixed(0).substr(10); if (hour<10) {hour = '0' + hour}; if (min<10) {min = '0' + min}; if (sec<10) {sec = '0' + sec}; var time = '<span style="color:'+c_h+'">'+hour+'</span>'+'<span style="color:'+sep+'">:</span>'+'<span style="color:'+c_m+'">'+min+'</span>'+'<span style="color:'+sep+'">:</span>'+'<span style="color:'+c_s+'">' +sec +'</span>'+'<span style="color:'+sep+'">.</span>'+'<span style="color:'+c_ms+'">'+ms+'</span>'; document.getElementById('time').innerHTML = time; setTimeout("Clock_ms()",1); /* ========================== /END ========================== */ } onload = Clock_ms; //--> </script> </head> <body> <span id="time"></span> </body> </html> |
|
|
Сергей111
|
Сообщение
#6
|
|
Спасибо большое! все работает, все ок!
|
|
|
Show me how |
1.4.2009, 21:11;
Ответить: Show me how
Сообщение
#7
|
|
А как сделать чтоб они ишли обратно?:sarcastic:
|
|
|
Diablo_hb |
1.4.2009, 21:19;
Ответить: Diablo_hb
Сообщение
#8
|
|
|
Show me how, подумать или хотябы поискать на форуме если уж думалка не тем занята - таймер обратного отсчета
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Не дайте погибнуть мечте - коплю на часы от Картье! | 1 | SlevinEx | 2612 | 2.12.2016, 10:54 автор: grumdas |
|
Продам сайт(лендинг). Тема: часы g-shock html, css, js, jquery |
7 | Walkmyway | 4472 | 24.11.2015, 12:43 автор: x64 |
|
Сайт на WP, тематика "Часы" | 6 | danny_i | 4081 | 24.6.2015, 23:17 автор: danny_i |
|
Как установить часы и дату на сайт? | 12 | volkodav_hb | 80871 | 8.4.2014, 14:01 автор: -serge78rus- |
|
BigGon.ru - убойный конверт на одностраничниках! Зел. кофе, хомяки, часы-samurai и т.д. Товарная партнёрская программа. Удобные инструменты. |
2 | BigGon | 5052 | 13.9.2013, 20:00 автор: BigGon |
Текстовая версия | Сейчас: 29.3.2024, 9:54 |