Редактиране на аларма

obqvi_in

Registered
HTML:
<html>
<body>
    <div>
        <form name="frm">
            <input type="text" name="hour" />
            <input type="text" name="mins"/>
            <input type="button" value="ok" onclick="justonce=1;">
        </form>
        <font color=#660000 size=20 face=Tahoma><span id="hours"></span></font>
    </div>
</body>
</html>
[js]<script type="text/javascript">
obj_hours=document.getElementById("hours");
justonce=0;

function wr_hours()
{
time=new Date();

time_min=time.getMinutes();
time_hours=time.getHours();

time_wr=((time_hours<10)?"0":"")+time_hours;
time_wr+=":";
time_wr+=((time_min<10)?"0":"")+time_min;

obj_hours.innerHTML=time_wr;

if (justonce==1 && frm.mins.value==time_min && frm.hour.value==time_hours) {
alert('welldone');
justonce=0;
}
}

setInterval("wr_hours();",1000);
</script>[/js]
Това е проста аларма, може ли да ми погнете да я направя само с едно поле, което да задава след колко минути да се включва. Благодаря ви.
 
Това може би ще ти помогне: http://javascript.info/tutorial/settimeout-setinterval

А за твоята цел, даденият код е твърде много - следното е напълно достатъчно:

1. Правим си функция run_timer, която ще се извика като цъкнем бутона:
[js]function run_timer () {
var input_minutes = document.getElementsByName('mins')[0].value;
setTimeout(function () {
alert ('time over');
}, input_minutes * 60 * 1000); // превръщаме минутите в милисекунди
}[/js]
2. Правим си input и button:
HTML:
<input type="text" name="mins" />
<input type="button" value="ok" onclick="run_timer();" />
3. Готово! :)
 

Back
Горе