Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Написать часы на js

Нужно написать часы в формате hours:minutes:seconds через js и добавить их в spanы в html . Перерисовка не реже чем раз в секунду. ДАННЫЕ НЕ ПЕРЕРИСОВЫВАТЬ , ЕСЛИ ОНИ НЕ ПОМЕНЯЛИСЬ. То есть, если меняются только секунды, то перерисовываем только span с секундами,а spanы с часами и минутами не трогаем.
Ответ:
<div id="time">
	<span></span>:<span></span>:<span></span>
</div>
	<script>
var sp = document.querySelectorAll('#time span');
		(t=()=>{
			 new Date().toString().slice(15,24).split(':').forEach((d,i)=>{
			if(sp[i].textContent != d) sp[i].textContent = d;
		});
			setTimeout(t,1000);
		})();
	</script>

Для разнообразия
Вопрос: Остановка отсчета времени при клике на часы

Есть код, надо чтобы при нажатии часы не прятались, а просто останавливались. И если возможно то посточно объясните пожалуйста.
HTML5
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
<!doctype html>
<html> 
<head>
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251">
<script>
function fClock (x)
{
var o = document.getElementById ('clock'),
    z = function (v) {return ((v < 10) ? '0' : '') + v},
    w = function ()
    {
    var y = new Date; 
    o.innerHTML = [z (y.getHours ()), z (y.getMinutes ()), z (y.getSeconds ())].join (':');
    if (x.value == 'Пуск')
       {x.value = 'Стоп'; o.style.visibility = 'visible'; T = setInterval (w, 1000)}
    }
if (x.value == 'Пуск') w (); 
else {clearInterval (T); o.style.visibility = 'hidden'; x.value = 'Пуск'}
}
</script>
</head>
<body>
<div id="clock" style="visibility: hidden">kalabuni</div>
<input type="button" onclick="fClock (this)" value="Пуск">
</body> 
</html>
Ответ: kolas1173,
надеюсь, у вас есть базовые понятия js. Их в принципе хватит для понимая того, что здесь написано.
Вкратце:
На инпуте у вас висит обработчик события. По клику на кнопку запускается ф-я fClock.
А дальше - по комметнам:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function fClock (x)
{
var o = document.getElementById ('clock'), //находим на странице элемент с id clock
    z = function (v) {return ((v < 10) ? '0' : '') + v},//если входной параметр ф-ии меньше 10, то возвращается 0+параметр, если нет - то пустая строка+параметр
    w = function ()
    {
    var y = new Date; //получаем текущую дату
    o.innerHTML = [z (y.getHours ()), z (y.getMinutes ()), z (y.getSeconds ())].join (':'); //заполняем часы значениями: из текущей даты получаем часы, минуты и секунды, их между собой разделяем двоеточием ":"
    if (x.value == 'Пуск')//x.value - значение (текст) кнопки
       {x.value = 'Стоп'; o.style.visibility = 'visible'; T = setInterval (w, 1000)}//показываем часы, меняем значение кнопки и каждые 1000 миллисекунд снова вызываем эту функцию
    }
if (x.value == 'Пуск') w (); //если у кнопки значение "пуск" - запускаем часы
else {clearInterval (T); x.value = 'Пуск'} //если нет - то останавливаем ф-ю-интервал и ставим значение кнопки в "Пуск"
}
Вроде все элементарно.
Вопрос: Часы в JavaScript

Нужна помощь,не знаю как это сделать.Нужно написать скрипт,который будет показывать электронные часы в заголовке окна, а через 5 секунд пребывания на странице,переместить электронные часы из заголовка окна на страницу и еще через 5 секунд выключит их.
Ответ: бусена, какие должны быть эти часы?

Добавлено через 25 секунд

Не по теме:

8Observer8, мне кажется, что для мадам это слишком накручено?

Вопрос: Можно ли самому написать аналог функции setInterval?

Можно ли на JavaScript написать функцию, которая бы вызывала любую другую функцию, через определенный период времени.

Я попробовал изобразить, что-то подобное и вот, что у меня получилось:

Javascript
1
2
3
4
5
6
7
8
9
var count = 10000000;
var futureTime = Date.now() + 2000;
 
for (; count != 0; count--) {
    if (Date.now() > futureTime) {
        console.log('do some work ' + count);
        futureTime = Date.now() + 2000;
    }
}
Будет каждые 2 секунды выводить сообщение в консоль. Минус в том, что пока работает скрипт, то на вкладке браузера крутится индикатор загрузки. И вообще, кроме console.log сможет ли он что-то еще запускать, непонятно.
Ответ: Вот, кстати, тема с похожим вопросом, который меня волнует.

Добавлено через 1 час 26 минут
Кажется я разобрался откуда корни идут у функций setTimeout и setInterval.

Эти функции, грубо говоря берут время из браузера, а браузер берет время из операционной системы, а операционная система берет время из биоса, а биос берет время из кварцевых часов на материнской плате.
Вопрос: Написать скрипт, для HTML страницы

Написать скрипт, для HTML страницы, содержащей картинку и две ссылки. По нажатию на первую ссылку анимационно увеличивать картинку, на вторую - уменьшать
Ответ: Java и JavaScript очень разные вещи.

Добавлено через 2 часа 1 минуту
Я уверен что это полные пэ. НО оно работает
HTML5
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
<html>
<head>
    <script type="text/javascript">
      function resize(zoom){
        var image = document.getElementById("myImage");
        var resize = 150;
        var origH = image.clientHeight;
        var origW = image.clientWidth;
        var newH;
        var newW;
        
        if (zoom === "0"){
            newH = origH * (resize / 100);
            newW = origW * (resize / 100);
        } else {
            newH = origH / (resize / 100);
            newW = origW / (resize / 100);
        }
        
        image.style.height = newH;
        image.style.width = newW;
      }
      
      function zoomIn(){
        resize("0");
      }
      function zoomOut(){
        resize("1");
      }
    </script>
</head>
<body>
    <img id="myImage" src="p.png"></img>
    <div></div>
    <a href="#" id="plus" onclick="zoomIn()">+</a>
    <a href="#" id="minus" onClick="zoomOut()">-</a>
</body>
</html>
Вопрос: Написать программу на HTML и JavaScript: Определить, каким является треугольник, заданный координатами вершин

Здравствуйте!
В университете дали лабу по js, но по c++, да и вообще по языкам, мало что прошли, по этому у меня возникли трудности с выполнением.
Задание звучит так: "Написать программу на HTML и JavaScript для следующего задания: Определить, каким является треугольник, заданный координатами своих вершин: равносторонним.".
Как я понял, сделать нужно так, чтобы при введении координат рассчитывалось, каким является треугольник, и выдавало ответ: истина или лож.
+ надо нарисовать блок-схему, но с этим я думаю справлюсь.
Спасибо!
ps: если есть хорошая инфа, по которой можно разобраться - буду рад.
Ответ:
Сообщение от socset47
дали лабу по js, но по c++ ... мало что прошли
Интересненько.
Сообщение от socset47
возникли трудности с выполнением
Какого рода трудности? На каком этапе застряли?

Добавлено через 1 час 2 минуты
Сообщение от socset47
по языкам, мало что прошли
Задача на элементарную алгоритмизацию и базовый синтаксис. Тут и не нужно много проходить. Накидал по-быстрому не изящное решение, но какое уж есть. Сомневаюсь, что вы сможете построчно разъяснить преподу как это работает, но может почерпнете оттуда что-нибудь для своего алгоритма.
Песочница:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<label for="x1">x1:</label> 
<input type=text id="x1" value="0">
<label for="y1">y1:</label> 
<input type=text id="y1" value="0">
<br>
<label for="x2">x2:</label> 
<input type=text id="x2" value="4">
<label for="y2">y2:</label> 
<input type=text id="y2" value="0">
<br>
<label for="x3">x3:</label> 
<input type=text id="x3" value="2">
<label for="y3">y3:</label> 
<input type=text id="y3" value="3.46">
<br>
<input type="button" value="Рассчитать" onclick="calc();">
<div></div>
CSS
1
2
3
input[type="text"] {
  width: 40px;
}
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function calc() {
  var t = {};
  for (var i = 1; i <= 3; i++) {
    t[i] = {};
    t[i].x = parseFloat(document.getElementById('x'+i).value);
    t[i].y = parseFloat(document.getElementById('y'+i).value);
  }
  for (i in t) {
    var j = parseInt(i)+1;
    if (j > 3) j = 1;
    t['l'+i] = Math.sqrt(Math.pow(t[j].x - t[i].x, 2) + Math.pow(t[j].y - t[i].y, 2)).toFixed(2);
  }
  var div = document.getElementsByTagName('div')[0];
  t.l1 == t.l2 && t.l2 == t.l3 ? div.innerHTML = "Треугольник равносторонний" : div.innerHTML = "Треугольник не равносторонний";
}
Вопрос: Вывод времени на три часа меньше

Доброго времени суток.
Есть джаваскрипт который срабатывает периодически и берет данные за сегодня.
.forDateRange («TODAY»)
Как переписать скрипт, что бы он брал данные за 3 часа назад?
В sql я писал приблизительно так:
date between getdate ()-3 and getdate ().
Помогите пожалуйста реализовать. Заранее спасибо.
Ответ:
Код Javascript
1
2
3
var d = new Date(); // создаём объект даты
d.setHours(d.getHours() - 3); // убавляем 3 часа
alert(d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds()); // выводим время смещённое на 3 часа назад
Вопрос: Как сделать, чтобы миллисекунды, секунды, минуты и часы переключались автоматически?

Ребят пишет год "115" вместо "2015". И ещё хочу спросить. Как сделать чтобы миллисекунды, секунды, минуты и часы переключались автоматически? Всю голову сломал, но надумал только что можно попробовать с циклами. В общем вот код:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
    <head>
        <script>
function getWeekDay(date) {
  var days = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursay', 'friday', 'saturday'];
  return days[date.getDay()];
}
var date = new Date();
document.write("<div style='text-align: center;margin-top:8%;font-size: 100;font-family: Comic Sans MS;color: red;'>" + getWeekDay(date) +"<div style='text-align: center;font-size: 100;margin-top: 10%; font-family: Comic Sans MS;color: green;'>" +
 date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds() + ':' + date.getMilliseconds() +  "</div>" + date.getYear() + "</div>");
            </script>
    </head>
</html>
Буду оооочень признателен.
Ответ: Вот что вышло)
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
    <head>
        <script>
function getWeekDay(date) {
  var days = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursay', 'friday', 'saturday'];
  return days[date.getDay()];
}
</script>
        <p id="demo"></p>
<script>
var myVar = setInterval(function(){ myTimer() }, 1000);
 
function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = d;
}
</script>
var date = new Date();
document.write("<div style='text-align: center;margin-top:8%;font-size: 100;font-family: Comic Sans MS;color: red;'>"
+ getWeekDay(date) +"<div style='text-align: center;font-size: 100;margin-top: 10%; font-family: Comic Sans MS;color: green;'>" +
date.getFullYear() + "</div>");
    </head>
</html>
Всё почти так как нужно, но нужно чтобы всё это переключалось автоматически(года, месяца, дни, часы, секунды, миллисекунды), до этого я сам додумаюсь, проблема в том что я не знаю как всё это связать, что бы было всё это красиво оформлено и нигде куски кода не торчали.

Добавлено через 1 час 56 минут
Я не знаю куда прикрепить здесь стилевые параметры.
Вот новый код:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
    <head>
        <p id="demo" align="center"></p>
<script>
var myVar = setInterval(function(){ myTimer() }, 1000);
 
function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = d;
}
</script>
 
    </head>
</html>
Прям вообще понятия не имею.
Вопрос: Подсчитать, сколько прошло лет, месяцев, дней, часов, минут со дня, указанного в полях и до сегодняшнего

PHPHTML
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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="Windows-1251">
        <title>Кнопка отправки формы</title>
<script language="JavaScript" type="text/JavaScript">
function hello()
{ 
var id;
id=window.open("","example","width=400, height=150");
id.focus(); 
id.document.open();
id.document.write("<h1>Вітаємо</h1>");
id.document.write("<form>");
    var x = document.getElementsByName("username");
    var i;
    for (i = 0; i < x.length; i++) 
{
id.document.write(x[i].value + " ");
}
id.document.write("<br>");
id.document.write("<br>");
id.document.write("<br>");
id.document.write("<input type="button" value="Close window" onclick="window.close();"> </form>");
id.document.close(); 
}
 
 
</script>
 
</head>
    <body>
    <form  method="post">
    <table>
        <tr>
           <td>Прізвище:</td>
           <td><input class="lol" type="text" name="username" ></td>
        </tr>
        <tr>
            <td>Ім'я:</td>
            <td><input type="text" name="username"></td>
        </tr>
        <tr>
            <td>По-батькові:</td>
            <td><input type="text" name="username"></td>
        </tr>
    </table>
            <p>Дата народження: </p>
                <table>
        <tr>
           <td>Число:</td>
           <td><input type="number" name="num1"size="30" min="1" max="31"></td>
        </tr>
        <tr>
            <td>Місяць:</td>
           <td><input type="number" name="num2"size="30" min="01" max="12" ></td>
        </tr>
        <tr>
            <td>Рік:</td>
            <td><input type="number" name="num3" size="30" min="1970" max="2016"></td>
        </tr>
    </table>
            
    
 
           <input type="button" onClick="hello();" value="Відправити">
 
        </form>
    </body>
</html>
(вот код тот, что есть на данный момент. ссылки прошу не кидать, все равно не понимаю, что и как делать, повторюсь, не работал с JS вообще)
прошу помощи,/ т.к. сам уже не знаю, как организовать JS(не имел с ним дела)
в чем заключается задача:
на 1 окне сайта есть форма там 6 строк:
фамилия
имя
отчество
(дата рождения)
Число
Месяц
год
скрипт открывает маленькое окно с заголовком и 1 кнопкой закрытия, где
между заголовком и кнопкой выведены в 1 строку данные из первых трех полей 1 формы (ФИО)
во вторую строку выведены следующие 3 (ДДММГГГГ)
а в третьей строке подсчиталось, сколько прошло лет, месяцев, дней, часов, минут со дня, указанного в полях и до сегодняшнего
Ответ:
PHPHTML
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
<!DOCTYPE html>
<html>
<head>
        <meta charset="Windows-1251">
        <title>Кнопка отправки формы</title>
<script language="JavaScript" type="text/JavaScript">
function hello()
{ 
var id;
id=window.open("","example","width=400, height=150");
id.focus(); 
id.document.open();
id.document.write("<h1>Вітаємо</h1>");
id.document.write("<form>");
    var x = document.getElementsByName("username");
    var i;
    for (i = 0; i < x.length; i++) 
{
id.document.write(x[i].value + " ");
}
  var date = '';
  for (i = 3; i >= 1; i--) {
    if (date) date += '.';
    date += document.getElementsByName("num"+i)[0].value;
  }
  date = new Date(date);
var delta = new Date(Date.now()-date.getTime());
var epoch = new Date(0);
var diff_years = delta.getYear() - epoch.getYear();
  
var diff_month = delta.getMonth() - epoch.getMonth();
var diff_days = delta.getDate() - epoch.getDate();
var diff_hours = delta.getHours() - epoch.getHours();
var diff_minutes = delta.getMinutes() - epoch.getMinutes();
 id.document.write("<br>");
id.document.write(diff_years+' лет '+diff_month+' месяцев '+diff_days+' дней '+diff_hours+' часов '+diff_minutes+' минут ');
id.document.write("<br>");
id.document.write("<br>");
id.document.write("<input type="button" value="Close window" onclick="window.close();"> </form>");
id.document.close(); 
}
 
 
</script>
 
</head>
    <body>
    <form  method="post">
    <table>
        <tr>
           <td>Прізвище:</td>
           <td><input class="lol" type="text" name="username" ></td>
        </tr>
        <tr>
            <td>Ім'я:</td>
            <td><input type="text" name="username"></td>
        </tr>
        <tr>
            <td>По-батькові:</td>
            <td><input type="text" name="username"></td>
        </tr>
    </table>
            <p>Дата народження: </p>
                <table>
        <tr>
           <td>Число:</td>
           <td><input type="number" name="num1"size="30" min="1" max="31"></td>
        </tr>
        <tr>
            <td>Місяць:</td>
           <td><input type="number" name="num2"size="30" min="01" max="12" ></td>
        </tr>
        <tr>
            <td>Рік:</td>
            <td><input type="number" name="num3" size="30" min="1970" max="2016"></td>
        </tr>
    </table>
            
    
 
           <input type="button" onClick="hello();" value="Відправити">
 
        </form>
    </body>
</html>
Вопрос: ДОБРОЕ ДЕЛО. ПОМОГИТЕ НАПИСАТЬ СКРИПТ, САМ 0% САЙТ ДЛЯ ИНВАЛИДОВ

Ранее было написано но никто не ответил,

Сайт для инвалидов

На сайте установлен виджет комментариев вконтакте, это сделано для удобства, но проблема в том что, когда человеку отвечают на комментарии ему не приходит уведомления, как решить проблему есть две ссылки , но там исользуется PHP на сайте нету PHP так как он относится к социальноу проекту.

Написал в тех поддержку Вконтакте,

ОТВЕТ:

Оповещения Вы можете реализовать только сами с помощью соответствующих методов (), а также события widgets.comments.new_comment (см. ). Это омжно сделать в том числе и на php. Теоретически, должны быть способы реализовать это и без php — Вы можете отследить событие и найти способ отправить оповещение о событии с помощью JavaScript.

С уважением,
Команда Поддержки ВКонтакте



ПРОШУ ПОМОЧЬ И СДЕЛАТЬ ДОБРОЕ ДЕЛО ДЛЯ УДОБСТВА ИНВАЛИДОВ, кто может написать скрипт или у кого есть готовый, сам в этом не разбираюсь.

Адрес сайта
Ответ:
Сообщение от Алексей777555
Может тут что есть ?
По Вашей ссылке
Цитата:
Ну и непосредственно PHP обработчик vkcomment.php:
...
Это не обязательно должен быть сервер, написанный на PHP, но без доступа к серверному коду, на чистом JS(клиентском), это реализовать невозможно, судя по всему.