Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 12.11.2016, 18:09   #11
pompiduskus
юзер как все
Участник клуба
 
Аватар для pompiduskus
 
Регистрация: 10.01.2012
Сообщений: 1,586
По умолчанию

Попробуй так!

файл "index.html"

Код:
<!DOCTYPE html>
<html lang="en-US">
<head>

    <title>Page-Title</title>
    <meta charset="utf-8"/>

    <script type="text/javascript" src="my_script.js"></script>

</head>
<body>
<!-- ========================================================== -->

    Сегодня  - <span id="date_element_id" style="color:blue;">Дата</span><br/>
    Текущее время - <span id="time_element_id" style="color:green;">Время</span> / 
    <span id="time_milli_element_id" style="color:#f00;">Время</span>
 
<!-- ========================================================== -->
</body>
</html>
файл "my_script.js" !!! В той-же директории что и "index.html"

Код:
// ============================================================
// Глобальные переменные, видны в любом месте программы

var month = new Array( 
    "января", "февраля", "марта", "апреля", "мая", "июня",
    "июля", "августа", "сентября", "октября", "ноября", "декабря"
);

var days = new Array(
    "Воскресенье", "Понедельник", "Вторник", "Среда","Четверг", "Пятница", "Суббота"
);

var date_span, time_span, time_m_span;

// ============================================================
// подписываемся на событие (load) у объекта window
// сработает когда страница полностью загрузится
window.addEventListener('load', function(){

    // ----------------------------------------
    // начинаем после того как весь HTML готов !!!
    date_span = document.getElementById('date_element_id');
    time_span = document.getElementById('time_element_id');
    time_m_span = document.getElementById('time_milli_element_id');

    // ----------------------------------------
    setInterval( function(){

        clock_tick_tack();

    }, 100 );
    // ----------------------------------------

});


// ============================================================
function clock_tick_tack() {

    var d       = new Date();
    var day     = d.getDate();
    var hours   = d.getHours();
    var minutes = d.getMinutes();
    var seconds = d.getSeconds();
    var milli   = d.getMilliseconds();
 
    if (day <= 9) day = "0" + day;
    if (hours <= 9) hours = "0" + hours;
    if (minutes <= 9) minutes = "0" + minutes;
    if (seconds <= 9) seconds = "0" + seconds;

    date_date = day+" "+month[d.getMonth()]+" "+d.getFullYear()+" г. ("+days[d.getDay()]+")";
    date_time = hours+":"+minutes+":"+seconds;

    date_span.innerHTML = date_date;
    time_span.innerHTML = date_time;
    time_m_span.innerHTML = 'ms: '+milli;

}
// ============================================================
<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/
pompiduskus вне форума Ответить с цитированием
Старый 13.11.2016, 16:19   #12
Бахтияр Оралов
Пользователь
 
Регистрация: 03.04.2015
Сообщений: 25
По умолчанию

спасибо
Бахтияр Оралов вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Javascript, HTML nastjamihneva JavaScript, Ajax 2 29.03.2014 12:45
Javascript, HTML nastjamihneva Помощь студентам 0 29.03.2014 01:21
HTML+JavaScript lilywka Помощь студентам 1 08.04.2013 21:35
Формы (HTML+JavaScript) lilywka Помощь студентам 1 02.04.2013 15:00
javascript html andrij2011 JavaScript, Ajax 2 18.05.2011 10:23