Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<html>
<body onload="refresh();">
        <header>
            
        </header>
        
        <section>
            <div>
                <input id="elem1" type="value" name="quantity" placeholder="sec">
                <br>
                <input id="elem2" type="value" name="quantity" placeholder="min">
                <br>
                <input id="elem3" type="value" name="quantity" placeholder="hour">
                <input id="butt" type="button" value="Запустить"/>
                <br>
                <br>
                <script language="JavaScript" type="text/javascript">
<!--
    butt.onclick = function refresh() {
    var sec  = document.getElementById('elem1').value;
    var min  = document.getElementById('elem2').value;
    var hour = document.getElementById('elem3').value;
    sec--;
    if(sec==-01){sec=59; min=min-1;}//если секунда станет -01, то дать значение sec=59, а min=min-1
    else{min=min;}
    if(sec<=9){sec="0" + sec;}
    if(min==-01){min=59; hour=hour-1;}//если минута станет -01, то дать значение min=59, а hour=hour-1
    else{hour=hour;}
    time=(hour<=9 ? "0"+hour : hour) + ":" + (min<=9 ? "0"+min : min) + ":" + sec;// Прибавляем числа
    if(document.getElementById){timer.innerHTML=time;}
    inter=setTimeout("refresh()", 1000);// если станет 00:00:00
    if(hour=='00' && min=='00' && sec=='00'){
        sec="00";
        clearInterval(inter);
                Alert.innerHTML="Таймер завершил свою работу!";
    }
}
</script>
                <span id="timer"></span>
                <div id="Alert"></div>
            </div>
        </section>
        
    </body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
DAKExDUCKpro
0viewers