Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/13: Рейтинг темы: голосов - 13, средняя оценка - 5.00
 Аватар для Блондинка йа
13 / 12 / 1
Регистрация: 08.03.2019
Сообщений: 279

Как исправить скрипт, выводящий на экран текущую дату?

08.04.2021, 13:53. Показов 2641. Ответов 16
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
есть скрипт,
PHP/HTML
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
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style>
   #block_time-data { background: #ff0; border: 1px solid #c0c0c0; padding: 3px 3px; display: inline-block; width: 200px; text-align: center; }
   #block_time { border: 1px solid #c0c0c0; padding: 3px; margin: 0 0 3px 0; display: block; }
   #block_data { border: 1px solid #c0c0c0; padding: 3px; margin: 0 0 3px 0; display: block; }
   #block_link { border: 1px solid #c0c0c0; padding: 3px; display: block; }
   #hours, #min, #sec { border:1px solid #c0c0c0; display: inline-block; width: 30px; height: 16px; }
   #day, #date, #month , #year { border: 1px solid #c0c0c0; display: inline-block; width: 180px; height: 20px; }
  </style>
 </head>
 <body>
  <div id="block_time-data">
  <span id="block_time"><span id="hours"></span><span class="colon">:</span><span id="min"></span><span class="colon">:</span><span id="sec"></span></span>
  <span id="block_data">
  <script>
  function block_data() {
  var date = new Date();
  var day = date.getDate();
  var month = date.getMonth();
  var year = date.getFullYear();
  var weekday = date.getDay();
  var time = new Date(year, month, day + 1, 0, 0, 0, 0)  -  date;
  setTimeout(block_data, time);
  var months = ["января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря"];
  var dayNames = ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"];
  function numberWrapInSpan(num) {
  num = String(num);
  if(num.length === 1) num = "0" + num;
  for (var i = 0, html = ""; i < num.length; i++) html += "<span class=\"digit\">" + num.charAt(i) + "</span>";
  return html;
  }
  day = numberWrapInSpan(day), year = numberWrapInSpan(year);
  document.getElementById("block_data").innerHTML = "<span id='date'>"+dayNames[weekday]+"<span id='data'>"+(day<10?"0":"")+day+"</span>"+months[month]+"<br>"+year+"<span class = 'digit'>г.</span></span>"; }
  block_data();
  </script>
  <span id="clock"></span>
  <span id="day"></span>
  <span id="date"></span>
  <span id="month"></span>
  <span id="year"><span class = 'digit'>г.</span></span>
  </span>
  <span id="block_link"><a>календарь</a></span>
  </div>
 </body>
</html>
подскажите как исправить, насколько я поняла надо исправить 37 строку, как сделать чтобы скрипт работал с этим html?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
08.04.2021, 13:53
Ответы с готовыми решениями:

Создание документа word и выводящий в нем текущую дату и ФИО!
срочно!!! создать VBS скрипт, создающий документ word и выводящий в нем текущую дату и ФИО!

Для структуры "Дата" реализовать конструктор по умолчанию, выводящий текущую дату
Преподаватель дал задние,чтобы в структуре Date был конструктор по умолчанию.который выводит текущую дату.сказал что для этого туда надо...

Остаток на текущую дату и отчет по клиентам на текущую дату в одном отчете
Добрый день. Нужна помощь. Нужно вывести остаток на текущую дату в запросе ОСТАТКИ как показано на рисунке, а также соответственно в...

16
Эксперт JS
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
08.04.2021, 13:56
Цитата Сообщение от Блондинка йа Посмотреть сообщение
подскажите как исправить
А что исправить то надо?
0
 Аватар для Блондинка йа
13 / 12 / 1
Регистрация: 08.03.2019
Сообщений: 279
08.04.2021, 14:33  [ТС]
насколько я поняла надо исправить 37 строку чтобы работала функция
PHP/HTML
1
2
function numberWrapInSpan(num) {
  num = String(
Добавлено через 5 минут
убрать innerHTML

Добавлено через 23 минуты
надо в 37 строке убрать html-теги, поскольку они уже есть в html-коде...
0
 Аватар для Tavashi
1172 / 762 / 194
Регистрация: 21.05.2016
Сообщений: 1,858
08.04.2021, 15:09
Лучший ответ Сообщение было отмечено Блондинка йа как решение

Решение

Блондинка йа, возможно, вы хотите так?
PHP/HTML
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
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style>
   #block_time-data { background: #ff0; border: 1px solid #c0c0c0; padding: 3px 3px; display: inline-block; width: 200px; text-align: center; }
   #block_time { border: 1px solid #c0c0c0; padding: 3px; margin: 0 0 3px 0; display: block; }
   #block_data { border: 1px solid #c0c0c0; padding: 3px; margin: 0 0 3px 0; display: block; }
   #block_link { border: 1px solid #c0c0c0; padding: 3px; display: block; }
   #hours, #min, #sec { border:1px solid #c0c0c0; display: inline-block; width: 30px; height: 16px; }
   #day, #date, #month , #year { border: 1px solid #c0c0c0; display: inline-block; width: 180px; height: 20px; }
  </style>
 </head>
 <body>
  <div id="block_time-data">
  <span id="block_time"><span id="hours"></span><span class="colon">:</span><span id="min"></span><span class="colon">:</span><span id="sec"></span></span>
  <span id="block_data">
  <span id="clock"></span>
  <span id="day"></span>
  <span id="date"></span>
  <span id="month"></span>
  <span id="year"><span class = 'digit'>г.</span></span>
  </span>
  <span id="block_link"><a>календарь</a></span>
  <script>
  function block_data() {
  var date = new Date();
  var day = date.getDate();
  var month = date.getMonth();
  var year = date.getFullYear();
  var weekday = date.getDay();
  var time = new Date(year, month, day + 1, 0, 0, 0, 0)  -  date;
  setTimeout(block_data, time);
  var months = ["января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря"];
  var dayNames = ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"];
  function numberWrapInSpan(num) {
  num = String(num);
  if(num.length === 1) num = "0" + num;
  for (var i = 0, html = ""; i < num.length; i++) html += "<span class=\"digit\">" + num.charAt(i) + "</span>";
  return html;
  }
  day = numberWrapInSpan(day), year = numberWrapInSpan(year);
  document.getElementById("day").innerHTML = dayNames[weekday];
  document.getElementById("date").innerHTML = (day<10?"0":"")+day;
  document.getElementById("month").innerHTML = months[month];
  document.getElementById("year").innerHTML = year+"<span class = 'digit'>г.</span>";
  }
  block_data();
  </script>
  </div>
 </body>
</html>
2
 Аватар для Блондинка йа
13 / 12 / 1
Регистрация: 08.03.2019
Сообщений: 279
08.04.2021, 15:15  [ТС]
попробую выразиться по другому, надо чтобы скрипт вставлял нужные данные в
HTML5
1
2
3
4
<span id="day"></span>
  <span id="date"></span>
  <span id="month"></span>
  <span id="year"><span class = 'digit'>г.</span></span>
41-44 строки...
0
 Аватар для Tavashi
1172 / 762 / 194
Регистрация: 21.05.2016
Сообщений: 1,858
08.04.2021, 15:20
Цитата Сообщение от Блондинка йа Посмотреть сообщение
надо чтобы скрипт вставлял нужные данные
А он сейчас не вставляет?
0
 Аватар для Блондинка йа
13 / 12 / 1
Регистрация: 08.03.2019
Сообщений: 279
08.04.2021, 16:37  [ТС]
Tavashi, сорри не видела твоего сообщения, да именно так, но почему то функция
JavaScript
1
function numberWrapInSpan(num)
не срабатывает

Добавлено через 6 минут
сорри, всё работает, спс

Добавлено через 1 час 2 минуты
сорри, последний вопрос, как тут удалить ноль в сегодняшнем числе?
PHP/HTML
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
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style>
   #block_time-data { background: #ff0; border: 1px solid #c0c0c0; padding: 3px 3px; display: inline-block; width: 200px; text-align: center; }
   #block_time { border: 1px solid #c0c0c0; padding: 3px; margin: 0 0 3px 0; display: block; }
   #block_data { border: 1px solid #c0c0c0; padding: 3px; margin: 0 0 3px 0; display: block; }
   #block_link { border: 1px solid #c0c0c0; padding: 3px; display: block; }
   #hours, #min, #sec { border:1px solid #c0c0c0; display: inline-block; width: 30px; height: 16px; }
   #day, #date, #month , #year { border: 1px solid #c0c0c0; display: inline-block; width: 180px; height: 20px; }
   .digit { border: 1px solid blue; }
  </style>
 </head>
 <body>
  <div id="block_time-data">
  <span id="block_time"><span id="hours"></span><span class="colon">:</span><span id="min"></span><span class="colon">:</span><span id="sec"></span></span>
  <span id="block_data">
  <span id="clock"></span>
  <span id="day"></span>
  <span id="date"></span>
  <span id="month"></span>
  <span id="year"><span class = 'digit'>г.</span></span>
  </span>
  <span id="block_link"><a>календарь</a></span>
  <script>
  function block_data() {
  var date = new Date();
  var day = date.getDate();
  var month = date.getMonth();
  var year = date.getFullYear();
  var weekday = date.getDay();
  var time = new Date(year, month, day + 1, 0, 0, 0, 0)  -  date;
  setTimeout(block_data, time);
  var months = ["января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря"];
  var dayNames = ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"];
  function numberWrapInSpan(num) {
  num = String(num);
  if(num.length === 1) num = "0" + num;
  for (var i = 0, html = ""; i < num.length; i++) html += "<span class=\"digit\">" + num.charAt(i) + "</span>";
  return html;
  }
  day = numberWrapInSpan(day), year = numberWrapInSpan(year);
  document.getElementById("day").innerHTML = dayNames[weekday];
  document.getElementById("date").innerHTML = (day<10?"0":"")+day;
  document.getElementById("month").innerHTML = months[month];
  document.getElementById("year").innerHTML = year+"<span class = 'digit'>г.</span>";
  }
  block_data();
  </script>
  </div>
 </body>
</html>
Добавлено через 2 минуты
чтобы показывало 8 апреля, а не 08
0
Эксперт JS
 Аватар для DrType
6553 / 3624 / 1075
Регистрация: 07.09.2019
Сообщений: 5,877
Записей в блоге: 1
08.04.2021, 17:02
Блондинка йа, можно просто убрать 40 строчку кода. Но можно и переписать код более радикально...

Добавлено через 6 минут
JavaScript
1
2
3
4
5
6
function numberWrapInSpan(num) {
  return String(num).split().map((digit) => `<span class="digit">${digit}</span>`).join();
}
//...
document.getElementById("day").innerHTML = dayNames[weekday];
document.getElementById("date").innerHTML = day;
2
 Аватар для Блондинка йа
13 / 12 / 1
Регистрация: 08.03.2019
Сообщений: 279
09.04.2021, 01:00  [ТС]
подскажите почему не работает скрипт, что я тут не так нахимичила?
PHP/HTML
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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
<style>
time {  }
#time .colon { color: #9c9c9c; }
#time .timer .digit { border: 1px solid #999; padding: 3px 0; margin: 0 1px; display: inline-block; width: 19px; text-align: center; }
</style>
<span id="time"></span>
<script>
function time() {
    setTimeout(time, 500);
    var date = new Date();
    var hour = date.getHours();
    var minute = date.getMinutes();
    var sec = date.getSeconds();
 
    function numberWrapInSpan(num) {
        num = String(num);
        if(num.length === 1) num = "0" + num;
        for (var i = 0, html = ""; i < num.length; i++) html += "<span class=\"digit\">" + num.charAt(i) + "</span>";
        return html;
    }
    hour = numberWrapInSpan(hour), minute = numberWrapInSpan(minute), sec = numberWrapInSpan(sec);
    document.getElementById("time").innerHTML;
    document.getElementById("day").innerHTML = hour;
    document.getElementById("day").innerHTML = minute;
    document.getElementById("day").innerHTML = sec;
}
time();
</script>
</body>
</html>
0
 Аватар для Tavashi
1172 / 762 / 194
Регистрация: 21.05.2016
Сообщений: 1,858
09.04.2021, 01:09
Блондинка йа,
JavaScript
1
2
3
4
5
6
...
document.getElementById("time").innerHTML = hour + "ч " + minute + "м " + sec + "с";
    //document.getElementById("day").innerHTML = hour;
    //document.getElementById("day").innerHTML = minute;
    //document.getElementById("day").innerHTML = sec;
...
0
 Аватар для Блондинка йа
13 / 12 / 1
Регистрация: 08.03.2019
Сообщений: 279
09.04.2021, 01:42  [ТС]
Tavashi, можешь помочь исправить как в 4оом посте? мои знания на нуле практически, не могу ничего понять :-)

Добавлено через 24 минуты
чтобы работало через
JavaScript
1
2
3
document.getElementById("hour").innerHTML = hour;
    document.getElementById("minute").innerHTML = minute;
    document.getElementById("sec").innerHTML = sec;
0
 Аватар для Tavashi
1172 / 762 / 194
Регистрация: 21.05.2016
Сообщений: 1,858
09.04.2021, 02:26
Блондинка йа,
PHP/HTML
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
55
56
57
58
59
60
61
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style>
   #block_time-data { background: #ff0; border: 1px solid #c0c0c0; padding: 3px 3px; display: inline-block; width: 200px; text-align: center; }
   #block_time { border: 1px solid #c0c0c0; padding: 3px; margin: 0 0 3px 0; display: block; }
   #block_data { border: 1px solid #c0c0c0; padding: 3px; margin: 0 0 3px 0; display: block; }
   #block_link { border: 1px solid #c0c0c0; padding: 3px; display: block; }
   #hours, #min, #sec { border:1px solid #c0c0c0; display: inline-block; width: 30px; height: 16px; }
   #day, #date, #month , #year { border: 1px solid #c0c0c0; display: inline-block; width: 180px; height: 20px; }
  </style>
 </head>
 <body>
  <div id="block_time-data">
  <span id="block_time"><span id="hours"></span><span class="colon">:</span><span id="min"></span><span class="colon">:</span><span id="sec"></span></span>
  <span id="block_data">
  <span id="clock"></span>
  <span id="day"></span>
  <span id="date"></span>
  <span id="month"></span>
  <span id="year"><span class = 'digit'>г.</span></span>
  </span>
  <span id="block_link"><a>календарь</a></span>
  <script>
  function block_data() {
  setTimeout(block_data, 500);
  var date = new Date();
  var day = date.getDate();
  var month = date.getMonth();
  var year = date.getFullYear();
  var weekday = date.getDay();
  var hour = date.getHours();
  var minute = date.getMinutes();
  var sec = date.getSeconds();
  var time = new Date(year, month, day + 1, 0, 0, 0, 0)  -  date;
  setTimeout(block_data, time);
  var months = ["января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря"];
  var dayNames = ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"];
  function numberWrapInSpan(num) {
  num = String(num);
  if(num.length === 1) num = "0" + num;
  for (var i = 0, html = ""; i < num.length; i++) html += "<span class=\"digit\">" + num.charAt(i) + "</span>";
  return html;
  }
  day = numberWrapInSpan(day), year = numberWrapInSpan(year);
  hour = numberWrapInSpan(hour), minute = numberWrapInSpan(minute), sec = numberWrapInSpan(sec);
  document.getElementById("hours").innerHTML = hour;
  document.getElementById("min").innerHTML = minute;
  document.getElementById("sec").innerHTML = sec;
  document.getElementById("day").innerHTML = dayNames[weekday];
  document.getElementById("date").innerHTML = (day<10?"0":"")+day;
  document.getElementById("month").innerHTML = months[month];
  document.getElementById("year").innerHTML = year+"<span class = 'digit'>г.</span>";
  }
  block_data();
  </script>
  </div>
 </body>
</html>
1
 Аватар для Блондинка йа
13 / 12 / 1
Регистрация: 08.03.2019
Сообщений: 279
09.04.2021, 13:49  [ТС]
вроде всё получилось, но прошу проверить, всё ли правильно
PHP/HTML
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style>
   #block_time-data { background: #f0f0f0; border: 1px solid #999; padding: 3px 3px; display: inline-block; width: 200px; text-align: center; }
   #block_time { border: 1px solid #999; padding: 3px; margin: 0 0 3px 0; display: block; }
   #block_data { border: 1px solid #999; padding: 3px; margin: 0 0 3px 0; display: block; }
   #block_link { border: 1px solid #999; padding: 3px; display: block; }
   #hours, #min, #sec { display: inline-block; }
   #day, #date, #month, #year { border: 1px solid #999; padding: 3px; display: inline-block; }
   #date, { margin: 0 0 3px 0; }
   .day_year { border: 1px solid #999; padding:3px; margin: 3px 1px; display: block; }
   #date, #year, .day_year { width: 182px; }
   .digit { border: 1px solid #999; padding: 3px 0; margin: 0 1px; display: inline-block; width: 19px; text-align: center; }
  </style>
 </head>
 <body>
  <div id="block_time-data">
  <span id="block_time"><span id="hours"></span><span class="colon">:</span><span id="min"></span><span class="colon">:</span><span id="sec"></span></span>
  <script>
  function block_time() {
  setTimeout(block_time, 500);
  var date = new Date();
  var hour = date.getHours();
  var minute = date.getMinutes();
  var sec = date.getSeconds();
  function numberWrapInSpan(num) {
  num = String(num);
  if(num.length === 1) num = "0" + num;
  for (var i = 0, html = ""; i < num.length; i++) html += "<span class=\"digit\">" + num.charAt(i) + "</span>";
  return html;
  }
  var spans = [].slice.call(document.querySelectorAll('.colon'), 0);
  var colons =["hsl(120, 100%, 97%)", "hsl(120, 100%, 89%)", "hsl(120, 100%, 81%)", "hsl(120, 100%, 73%)", "hsl(120, 100%, 65%)", "hsl(120, 100%, 57%)", "hsl(120, 100%, 49%)", "hsl(120, 100%, 41%)", "hsl(120, 100%, 33%)", "hsl(120, 100%, 25%)"];
  step = 0;
  (function color()
  {
  spans.forEach(function(elem) { elem.style.color = colons[step];
  });
  step = ++step % colons.length;
  window.setTimeout(color, 100);
  })()
  hour = numberWrapInSpan(hour), minute = numberWrapInSpan(minute), sec = numberWrapInSpan(sec);
  document.getElementById("hours").innerHTML = hour;
  document.getElementById("min").innerHTML = minute;
  document.getElementById("sec").innerHTML = sec;
  }
  block_time();
  </script>
  <span id="block_data">
  <span id="clock"></span>
  <span class="day_year"><span id="day"></span></span>
  <span id="date"></span>
  <span class="day_year"><span id="month"></span></span>
  <span id="year"><span class = 'digit'>г.</span></span>
  </span>
  <span id="block_link"><a>календарь</a></span>
  <script>
  function block_data() {
  var date = new Date();
  var day = date.getDate();
  var month = date.getMonth();
  var year = date.getFullYear();
  var weekday = date.getDay();
  var time = new Date(year, month, day + 1, 0, 0, 0, 0)  -  date;
  setTimeout(block_data, time);
  var months = ["января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря"];
  var dayNames = ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"];
  function numberWrapInSpan(num) {
  num = String(num);
  for (var i = 0, html = ""; i < num.length; i++) html += "<span class=\"digit\">" + num.charAt(i) + "</span>";
  return html;
  }
  day = numberWrapInSpan(day), year = numberWrapInSpan(year);
  document.getElementById("day").innerHTML = dayNames[weekday];
  document.getElementById("date").innerHTML = (day<10?"0":"")+day;
  document.getElementById("month").innerHTML = months[month];
  document.getElementById("year").innerHTML = year+"<span class = 'digit'>г.</span>";
  }
  block_data();
  </script>
  </div>
 </body>
</html>
Добавлено через 4 минуты
73 и 78 строки вызывают сомнения в правильности, по поводу нуля..

Добавлено через 23 секунды
73 и 78 строки вызывают сомнения в правильности, по поводу нуля..
0
 Аватар для Tavashi
1172 / 762 / 194
Регистрация: 21.05.2016
Сообщений: 1,858
09.04.2021, 13:59
Лучший ответ Сообщение было отмечено Блондинка йа как решение

Решение

Цитата Сообщение от Блондинка йа Посмотреть сообщение
73 и 78 строки вызывают сомнения в правильности
day у вас в спановской обертке - не смысла в (day<10?"0":"").

Добавлено через 1 минуту
Цитата Сообщение от Блондинка йа Посмотреть сообщение
всё ли правильно
Все правильно, прекрасная маркиза (с)
0
 Аватар для Блондинка йа
13 / 12 / 1
Регистрация: 08.03.2019
Сообщений: 279
19.04.2021, 10:31  [ТС]
подскажите, возможно ли исправить функцию
JavaScript
1
2
3
4
5
6
7
(function color()
  {
  spans.forEach(function(elem) { elem.style.color = colons[step];
  });
  step = ++step % colons.length;
  window.setTimeout(color, 100);
  })()
на изменение свойства
CSS
1
opacity: 0.2;
и
CSS
1
opacity: 0.9;
раз в 500мсек?

Добавлено через 14 минут
чтобы оба span'а мигали изменяя значение свойства opacity с 0.2 на 0.9 с интервалом в 0.5 сек
0
 Аватар для Блондинка йа
13 / 12 / 1
Регистрация: 08.03.2019
Сообщений: 279
20.04.2021, 03:32  [ТС]
как сделать чтобы разделители двоеточие с классом "colon" мигали, изменяя значение свойства opacity с помощью js, не прибегая к анимации css, типа как в электронных часах мигает...
0
 Аватар для Блондинка йа
13 / 12 / 1
Регистрация: 08.03.2019
Сообщений: 279
20.04.2021, 23:36  [ТС]
Спасибо всем, разобралась, вроде всё работает...

JavaScript
1
2
3
4
5
6
7
8
9
10
var spans = document.querySelectorAll('.colon');
var op = [0.2, 0.4, 0.6, 0.8, 1.0];
step = 0;
(function color() {
    spans.forEach(function(elem) {
        elem.style.opacity = op[step];
    });
    step = ++step % op.length;
    setTimeout(color, 200);
})()
ну или так...

JavaScript
1
2
3
4
5
6
7
8
9
10
var spans = document.querySelectorAll('.colon');
var op = [0.3, 1.0];
step = 0;
(function color() {
    spans.forEach(function(elem) {
        elem.style.opacity = op[step];
    });
    step = ++step % op.length;
    setTimeout(color, 500);
})()
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
20.04.2021, 23:36
Помогаю со студенческими работами здесь

Остаток на текущую дату и отчет по клиентам на текущую дату
Добрый день. Нужна помощь. Нужно вывести остаток на текущую дату в запросе ОСТАТКИ как показано на рисунке, а также соответственно в...

Нужен скрипт, выводящий баннер на экран
Как понятно из заголовка, нужен скрипт (или хотя бы направление куда копнуть), который будет выводить окно с баннером, нужно чтобы он: 1....

Нужен скрипт для копирования каталогов, содержащих текущую дату, с последующим переименованием
Добрый день. Прочитал кучу постов но внятного решения найти не смог. Поставили задачу ежедневно копировать с фтп данные - это 9...

Как вывести дату год месяц число формата 06 июня 2020 года текущую дату?
как вывести дату год месяц число на C# формата 06 июня 2020 года текущую дату ?

Как получить текущую дату?
Подскажите пожалуйста, как получить текущую дату ?


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

Или воспользуйтесь поиском по форуму:
17
Ответ Создать тему
Новые блоги и статьи
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru