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



 

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

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

Открыть тему
Тема закрыта
> Часы с миллисекундами
Сергей111
Сергей111
Topic Starter сообщение 20.6.2008, 9:25; Ответить: Сергей111
Сообщение #1


Подскажите, как лучше сделать на страничке сайта часы с миллисекундами.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 20.6.2008, 9:50; Ответить: Exterior
Сообщение #2


Сергей111, есть пример таймера обратного отсчета с миллисекундами, кот. можно переделать в простые часы с теми же миллисекундами.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Сергей111
Сергей111
Topic Starter сообщение 20.6.2008, 9:59; Ответить: Сергей111
Сообщение #3


Спасибо, щас гляну
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Сергей111
Сергей111
Topic Starter сообщение 20.6.2008, 10:52; Ответить: Сергей111
Сообщение #4


и все-таки, как из этого сделать часы с миллисекундами? ))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
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
Сергей111
Topic Starter сообщение 23.6.2008, 8:30; Ответить: Сергей111
Сообщение #6


Спасибо большое! все работает, все ок!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Show me how
Show me how
сообщение 1.4.2009, 21:11; Ответить: Show me how
Сообщение #7


А как сделать чтоб они ишли обратно?:sarcastic:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Diablo_hb
Diablo_hb
сообщение 1.4.2009, 21:19; Ответить: Diablo_hb
Сообщение #8


Show me how, подумать или хотябы поискать на форуме если уж думалка не тем занята - таймер обратного отсчета

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Не дайте погибнуть мечте - коплю на часы от Картье!
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


 



RSS Текстовая версия Сейчас: 29.3.2024, 9:54
Дизайн