Форум программистов, компьютерный форум, киберфорум
JavaScript
Форум программистов и сисадминов Киберфорум > Форум web-программистов > JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.84/19: Рейтинг темы: голосов - 19, средняя оценка - 4.84
Atek

Как сделать так,чтоб время обновлялось каждую секунду на экране?

28.02.2012, 15:41. Показов 3804. Ответов 3
Метки нет (Все метки)
Студворк — интернет-сервис помощи студентам
Люди помогите пожалуйста со скриптом, как сделать так,чтоб время обновлялось
каждую секунду на экране???

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

<script language="JavaScript">
<!--
function rightCase(number, nominative, genitive, plural) {
    var nStr = String(number);
    var lastNum = nStr.substring(nStr.length - 1, nStr.length);
    var tensNum = nStr.substring(nStr.length - 2, nStr.length - 1);
    if (tensNum && tensNum == '1') return plural;
    else if (lastNum == '1') return nominative;
    else if (lastNum > 0 && lastNum < 5) return genitive;
    else return plural;
}
function calcNdisplayTime2004() {
    var strResult = 'До <span style="color: Red; Нового Года</span> осталось: '
    var secondsLeft = ''
    var now = new Date();
    var newYear = new Date(2006, 0, 0, 0, 0, 0);
    var secondsLeft = (newYear - now) / 1000;
    var nowYear = (now.getYear() > 1900) ? now.getYear() : now.getYear() + 1900;
    var weeks = Math.floor(secondsLeft / 24 / 60 / 60 / 7);
    if (weeks) strResult += weeks + ' ' + rightCase(weeks, 'неделя', 'недели', 'недель') + ', '
    secondsLeft = secondsLeft - (weeks * 24 * 60 * 60 * 7);
    var days = Math.floor(secondsLeft / 24 / 60 / 60);
    if (days) strResult += days + ' ' + rightCase(days, 'день', 'дня', 'дней') + ', '
    secondsLeft = secondsLeft - (days * 24 * 60 * 60);
    var hours = Math.floor(secondsLeft / 60 / 60);
    strResult += hours + ' ' + rightCase(hours, 'час', 'часа', 'часов') + ', '
    secondsLeft = secondsLeft - (hours * 60 * 60);
    var minutes = Math.floor(secondsLeft / 60);
    strResult += minutes + ' ' + rightCase(minutes, 'минута', 'минуты', 'минут') + ', '
    secondsLeft = secondsLeft - (minutes * 60);
    var seconds = Math.floor(secondsLeft);
    strResult += seconds + ' ' + rightCase(seconds, 'секунда', 'секунды', 'секунд');
    return strResult;   
}
var counterSpan = null
function updateCounter() {
    if (!counterSpan) counterSpan = document.getElementById('timer');
    if (counterSpan) counterSpan.innerHTML = calcNdisplayTime2004();
 
 
}
 
if (typeof(calcNdisplayTime2004) == 'function') {
document.write(calcNdisplayTime2004());
setInterval('updateCounter()', 1000);
 
}
 
 
 
</script>
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
 28.02.2012, 15:41
Ответы с готовыми решениями:

JavaScript! Как изменить значение кнопки, так чтоб сразу не обновлялось (+код)?
смысл такой: после появления 3-его пункта и потом после нажатия next значение value кнопки next приняло значение &quot;refresh&quot;, но...

Как сделать так, чтобы страница автоматически обновилась через 1 секунду только один раз?
как сделать так, чтобы страница автоматически обновилась через 1 секунду только один раз? Я имею введу, чтоб эта страница обновлялась не...

Как сделать чтобы время обновлялось каждую секунду?
Вот код моих часов Date d = new Date(); SimpleDateFormat format1 = new SimpleDateFormat(&quot;hh:mm&quot;); ...

3
5 / 5 / 5
Регистрация: 24.10.2011
Сообщений: 269
08.03.2012, 10:07
[bold]Atek[/bold]

Если честно, то очень тяжело и лень разбераться с твоим скриптом. Поэтому я даю тебе свой скрипт, который потом можешь модернизировать, изменять и делать сним всё, что захочешь.
<html><title> </title><head>
<script>
function NewTime() {
var dok=new Date()
var nosh=dok.getMonth()
if (nosh==11) {
var g, g1, g2
var a=new Date()
var b=a.getDate()-31
if (b<=0) {
b=b*(-1)
if ((b==1)||(b==21)||(b==31)) {
g="день"
}
else
if ((b==2)||(b==3)||(b==4)||(b==22)||(b==23 )||(b==24)) {
g="дня"
}
else {
g="дней"
}
}
var c=a.getHours()-23
if (c<=0) {
c=c*(-1)
if ((c==1)||(c==21)) {
g1="час"
}
else
if ((c==2)||(c==3)||(c==4)||(c==22)||(c==23 )) {
g1="часа"
}
else {
g1="часов"
}
}
var d=a.getMinutes()-60
if (d<=0) {
d=d*(-1)
if ((d==1)||(d==21)||(d==31)||(d==41)||(d== 51)) {
g2="минута"
}
else
if ((d==2)||(d==3)||(d==4)||(d==22)||(d==23 )||(d==24)||(d==32)||(d==33)||(d==34)||( d==42)||(d==43)||(d==44)||(d==52)||(d==5 3)||(d==54)) {
g2="минуты"
}
else {
g2="минут"
}
}
vadim.innerHTML="Осталось до Нового года: "+b+" "+g+" "+c+" "+g1+" "+d+" "+g2
setTimeout("NewTime()",1000)
}
}
</script>
</head>
<body onLoad="NewTime()
<h2 id='vadim' style="position:absolute;top:0;left:180; color:red </h2>
</body>
</html>
0
86 / 62 / 69
Регистрация: 15.03.2007
Сообщений: 6,903
08.03.2012, 13:25
Я бы так сделал (измененения выделены жирным).
Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

<script language="javascript 
function rightCase(number, nominative, genitive, plural)
{
    var nStr = String(number);
    var lastNum = nStr.substring(nStr.length - 1, nStr.length);
    var tensNum = nStr.substring(nStr.length - 2, nStr.length - 1);
    if (tensNum && tensNum == '1')
        return plural;
    else if (lastNum == '1')
        return nominative;
    else if (lastNum > 0 && lastNum < 5)
        return genitive;
    else
        return plural;
}
 
function calcNdisplayTime2004()
{
    [bold]var strResult = "";[/bold]
    var now = new Date();
    [bold]var newYear = new Date(2006, 0, 1, 0, 0, 0);[/bold]
    var secondsLeft = (newYear - now) / 1000;
    var nowYear = (now.getYear() > 1900) ? now.getYear() : now.getYear() + 1900;
    var weeks = Math.floor(secondsLeft / 24 / 60 / 60 / 7);
    if (weeks) strResult += weeks + ' ' + rightCase(weeks, 'неделя', 'недели', 'недель') + ', '
    secondsLeft = secondsLeft - (weeks * 24 * 60 * 60 * 7);
    var days = Math.floor(secondsLeft / 24 / 60 / 60);
    if (days) strResult += days + ' ' + rightCase(days, 'день', 'дня', 'дней') + ', '
    secondsLeft = secondsLeft - (days * 24 * 60 * 60);
    var hours = Math.floor(secondsLeft / 60 / 60);
    strResult += hours + ' ' + rightCase(hours, 'час', 'часа', 'часов') + ', '
    secondsLeft = secondsLeft - (hours * 60 * 60);
    var minutes = Math.floor(secondsLeft / 60);
    strResult += minutes + ' ' + rightCase(minutes, 'минута', 'минуты', 'минут') + ', '
    secondsLeft = secondsLeft - (minutes * 60);
    var seconds = Math.floor(secondsLeft);
    strResult += seconds + ' ' + rightCase(seconds, 'секунда', 'секунды', 'секунд');
    return strResult;
}
 
var counterSpan = null
function updateCounter()
{
    if (!counterSpan) counterSpan = document.getElementById('timer');
    if (counterSpan) counterSpan.innerHTML = calcNdisplayTime2004();
}
 
[bold]window.onload = function() {
    updateCounter();
    setInterval('updateCounter()', 1000);
}[/bold]
</script>
 
[bold]До <span style="color:red Нового Года</span> осталось: <span id="timer </span>[/bold]
Еще есть смысл в функции calcNdisplayTime2004 проверять значение переменной secondsLeft после ее инициализации, чтобы отловить момент когда Новый год уже наступил.
0
5 / 5 / 5
Регистрация: 24.10.2011
Сообщений: 269
08.03.2012, 14:41
Вот твой модифицированный скрипт и полностью рабочий:

<htm>
<head>
<title>
</title>
<script language="javascript
function rightCase(number, nominative, genitive, plural)
{
var nStr = String(number);
var lastNum = nStr.substring(nStr.length - 1, nStr.length);
var tensNum = nStr.substring(nStr.length - 2, nStr.length - 1);
if (tensNum && tensNum == '1')
return plural;
else if (lastNum == '1')
return nominative;
else if (lastNum > 0 && lastNum < 5)
return genitive;
else
return plural;
}

function calcNdisplayTime2004()
{
var strResult = "";
var now = new Date();
var newYear = new Date(2006, 0, 1, 0, 0, 0);
var secondsLeft = (newYear - now) / 1000;
var nowYear = (now.getYear() > 1900) ? now.getYear() : now.getYear() + 1900;
var weeks = Math.floor(secondsLeft / 24 / 60 / 60 / 7);
if (weeks) strResult += weeks + ' ' + rightCase(weeks, 'неделя', 'недели', 'недель') + ', '
secondsLeft = secondsLeft - (weeks * 24 * 60 * 60 * 7);
var days = Math.floor(secondsLeft / 24 / 60 / 60);
if (days) strResult += days + ' ' + rightCase(days, 'день', 'дня', 'дней') + ', '
secondsLeft = secondsLeft - (days * 24 * 60 * 60);
var hours = Math.floor(secondsLeft / 60 / 60);
strResult += hours + ' ' + rightCase(hours, 'час', 'часа', 'часов') + ', '
secondsLeft = secondsLeft - (hours * 60 * 60);
var minutes = Math.floor(secondsLeft / 60);
strResult += minutes + ' ' + rightCase(minutes, 'минута', 'минуты', 'минут') + ', '
secondsLeft = secondsLeft - (minutes * 60);
var seconds = Math.floor(secondsLeft);
strResult += seconds + ' ' + rightCase(seconds, 'секунда', 'секунды', 'секунд');
return strResult;
}

var counterSpan = null
function updateCounter()
{
timer.innerHTML = calcNdisplayTime2004();
setTimeout('updateCounter()', 500);
}
</script>
</head>
<body onLoad="updateCounter();
До <span style="color:red Нового Года</span> осталось: <span id="timer </span>
</body>
</html>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
 08.03.2012, 14:41
Помогаю со студенческими работами здесь

Как сделать, чтобы время в текстбоксе обновлялось каждую секунду
Как сделать, чтобы время в текстбоксе обновлялось каждую секунду?

Как сделать чтоб значение Label изменялось каждую секунду на 2 единицы
Как сделать чтоб значение Label изменялось каждую секунду на 2 от 1000 до 100000 (1002...1004...1008...100000)

Я хочу сделать циферблат, который будет каждую секунду менять время.
Подскажите, как можно в javafx реализовать бесконечный цикл. Допустим я хочу сделать циферблат, который будет каждую секунду менять время.

Сделать так, чтобы каждую секунду в TextBox попадало значение таймера
Помагите реализовать такой код! Запущен таймер! Я хочу чтобы каждую секунду в TextBox попадала значение таймера!

Как можно сделать так, чтоб можно было вписывать время в таблицу?
Есть таблица: create table PROGRAMY ( pr_name varchar2(50), zanra_ID number primary key, datums date default SYSYTEM, ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка SDL3 и Box2D из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru