У меня есть код:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Get the Value of Text Input Field in JavaScript</title>
</head>
<body>
    <input type="number" placeholder="Type something..." id="myInput">
    <button type="button" onclick="getInputValue();">Get Value</button>
    
    <script>
        function getInputValue(){
            // Selecting the input element and get its value 
           // var inputVal = document.getElementById("myInput").value;
          var d = new Date();
          var n = d.getTime();
          var number = (document.getElementById("myInput").value);
          number=parseInt(number);
          var inputVal= number+n;
            
            alert(inputVal);
        }
       
        
        
    </script>
</body>
</html>

В коде я проверяю текущее время в миллисекундах, а в форме я пишу время в мс и суммирую текущее время со временем в форме, и, например, я хочу добавить к текущему времени 6000 мс, а до этого прохода 6000 мс я хочу передать например, для информации на сайте "ВКЛ", а затем "ВЫКЛ". Должен ли я использовать цикл здесь, чтобы проверить, прошло ли это время, или я могу сделать это по-другому?

0
Wsdl123 8 Окт 2021 в 13:03

2 ответа

Лучший ответ

Дайте мне знать, если что-то непонятно ( я просто не знаю, что здесь может быть сложного )

За исключением +val, это вместо parseInt(val)

За исключением 2 для | 0, это вместо toFixed()

$('#info').hide();
const getInputValue = ()=>{
    const val = $('#myInput').val();
    $('#info').fadeIn();
    console.log(`info here for ~${(+val / 1000) | 0} sec`);
    setTimeout(()=>{
        $('#info').fadeOut();
    }, +val);
};
*{padding:10px}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="number" value="2000" placeholder="Type something..." id="myInput" />
<button type="button" onclick="getInputValue();">Show Info</button>
<div id="info">Website information "ON"</div>

JQuery здесь не нужен

1
Vadim 8 Окт 2021 в 10:45

Используя requestAnimationFrame API для создания рекурсии

демо таймер codepen

0
Lin Weiye 8 Окт 2021 в 10:33