Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Конвертер времени (https://javascript.ru/forum/misc/71464-konverter-vremeni.html)

KATRIN1786492 20.11.2017 23:28

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

Lion777 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 24.11.2017 20:53

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

Lion777 24.11.2017 21:33

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

KATRIN1786492 24.11.2017 22:11

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

KATRIN1786492 24.11.2017 22:14



вот так?)

Lion777 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 24.11.2017 22:32

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


Часовой пояс GMT +3, время: 04:53.