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>
    
    <head>
        <script language="javascript" type="text/javascript">
            function timer(m, el, callback) {
                var count = m * 60 * 1000;
                var d = new Date(0, 0, 0, 0, 0, 0);
                d.setTime(count);
              function pad(int) {
                return (int>9?int:"0"+int) 
              }
​
                function down(t) {
                    if (count > 0) {
                        count -= 1000;
                        d.setTime(count);
                        document.getElementById(el).innerHTML = pad((d.getHours() - 1)) + ":" + pad(d.getMinutes()) + ":" + pad(d.getSeconds());
                    } else {
                        clearInterval(inter);
                        callback();
                    }
                }
​
                var inter = setInterval(down, 1000);
            }
​
            function checktimer() {
​
                var checkbox1 = form.preference.value;
                var checkbox2 = form.eggsize.value;
                var checkbox3 = form.suacepansize.value;
​
                if (checkbox1 == 1 && checkbox2 == 1 && checkbox3 == 1) {
                    m = 3;
                    s = 0;
                }
​
                timer(m, "txt", function () {
                    alert("Egg finished")
                });
​
            }
        </script>
    </head>
    
    <body>
        <div id="txt"></div>
        <form id="form" onclick="checktimer()">
            <div class="question">
                <div class="circle">
                     <h2 class="whiteh2"> 1 </h2>
                </div>
                <div class="question-text">
                    <h6>How do you like your egg? </h6> 
                </div>
                <select id="prefernce" name="preference">
                    <option value="1">Soft</option>
                    <option value="2">Medium</option>
                    <option value="3">Hard</option>
                </select>
            </div>
            <!--Ends the question div-->
            <div class="question">
                <div class="circle">
                     <h2 class="whiteh2"> 2 </h2>
                </div>
                <div class="question-text">
                    <h6>What size is your egg? </h6> 
                </div>
                <select id="eggsize" name="eggsize">
                    <option value="1">Small</option>
                    <option value="2">Medium</option>
                    <option value="3">Large</option>
                </select>
            </div>
            <!--Ends the question div-->
            <div class="question">
                <div class="circle">
                     <h2 class="whiteh2"> 3 </h2>
                </div>
                <div class="question-text">
                    <h6>What size is the saucepan? </h6> 
                </div>
                <select id="saucepansize" name="suacepansize">
                    <option value="1">Small</option>
                    <option value="2">Medium</option>
                    <option value="3">Large</option>
                </select>
            </div>
            <!--Ends the question div-->
            <div class="question">
                <input type="button" id="button" name="submit" value="Go" onclick="checktimer()"
                />
                <br/>
            </div>
        </form>
        </div>
        <!--Ends the main form div-->
    </body>
​
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers