Форум

KATRIN1786492 · #1 (**permalink**) 20.11.2017, 23:28

как написать на js конвертер, который переводит часы в минуты и секунды одновременно? совсем новичок на js, помогите, пожалуйста

Lion777 · #2 (**permalink**) 21.11.2017, 01:12

<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <input type="text" onkeyup="hourMinSec(this.value)">
    <div id="otpt"></div>
    <script>
        
        function hourMinSec(value){

            document.getElementById("otpt").innerHTML = "Мин: " + (value*60) +"<br/>Сек: " + (value*3600);
        }
    </script>
</body>

</html>

KATRIN1786492 · #3 (**permalink**) 24.11.2017, 20:53

Спасибо большое!
А подскажите, пожалуйста, как преобразовать, чтобы на консоли всегда было написано минут\секунд, а добавлялись только цифры? что-то не получается никак(

Lion777 · #4 (**permalink**) 24.11.2017, 21:33

Чего ? )), Напиши более понятно че надо, текстом пример приведи как надо.

KATRIN1786492 · #5 (**permalink**) 24.11.2017, 22:11

[ сюда вставляем наши часы]
Минут ***
Секунд ***
А как сделать, чтобы изначально было написано на странице минут и секунд, а только потом появлялись цифры?) в этом коде , когда конвертируешь, только тогда появляются слова мин, сек,а как сделать, чтобы они были всегда?)

KATRIN1786492 · #6 (**permalink**) 24.11.2017, 22:14

вот так?)

Lion777 · #7 (**permalink**) 24.11.2017, 22:30

так что ли?

<!DOCTYPE html>
<html lang="ru">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
 
<body>
    <input type="text" onkeyup="hourMinSec(this.value)">
    <div id="otpt">Мин: 0<br>Сек: 0</div>
    <script>
         
        function hourMinSec(value){
 
            document.getElementById("otpt").innerHTML = "Мин: " + (value*60) +"<br/>Сек: " + (value*3600);
        }
    </script>
</body>
 
</html>

KATRIN1786492 · #8 (**permalink**) 24.11.2017, 22:32

Огромное вам спасибо и всего хорошего!)

Форум

Справочник

Discord чат

Курсы javascript