показване на текст със задаване на стойност

[obqvi_in]

     <div align="center">
             <span>След </span>
	         <input type="text" name="mins" />
			 <button value="задай" class="button" id="startClock" onclick="run_timer();">задай</button>
			 <span>минути</span><br/>
			 <span>остават <span id="show"></span> минути</span><br/>
             <span id="demo"></span>
	    </div>

[js]<script type="text/javascript">
function run_timer () {
var input_minutes = document.getElementsByName('mins')[0].value;
setTimeout(function () {
alert ('СТАВАЙ');
}, input_minutes * 60 * 1000);
}
var myVar=setInterval(function () {myTimer()}, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
$('#startClock').click(function(){
var counter = document.getElementsByName('mins')[0].value;
span = document.getElementById("show");
span.innerHTML = counter;
window.onbeforeunload = function(e) {
if (counter > 0) {
return 'НЕ ИЗЛИЗАЙ АКО СИ ОСТАВИЛ АЛАРМА';
}
}
setInterval(function() {
counter--;
if (counter === 0) {
clearInterval(counter);
}
}, 60000);
});
</script>
[/js]
С този елементарен код си направих една аларма и искам като задам минутите в полето тогава да се появяват "остават х минути"

 

[SVTerziev]

<div align="center">
    <span>След </span>
    <input type="text" name="mins" />
    <span>минути</span><br/>
    <button value="задай" class="button" id="startClock" onclick="run_timer();">задай</button><br>
    <span id="show"></span><br>
    <span id="demo"></span>
</div>

[js]function run_timer () {
var input_minutes = document.getElementsByName('mins')[0].value;
setTimeout(function () {
alert ('СТАВАЙ');
}, input_minutes * 60 * 1000);
}
var myVar = setInterval(function () { myTimer() }, 1000);

function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
$('#startClock').click(function(){
var counter = document.getElementsByName('mins')[0].value;
span = document.getElementById("show");
span.innerHTML = 'Остават ' + counter + ' минути.';
window.onbeforeunload = function(e) {
if (counter > 0) {
return 'НЕ ИЗЛИЗАЙ АКО СИ ОСТАВИЛ АЛАРМА';
}
}
setInterval(function() {
counter--;
if (counter === 0) {
clearInterval(counter);
}
}, 60000);
});
[/js]

Махаш текста от HTML-а и го добавяш в JS:

span.innerHTML = 'Остават ' + counter + ' минути.';

 

[obqvi_in]

Да става, но сега като задам минути ми се скрива часа от долу

 

[SVTerziev]

http://jsfiddle.net/1zmLwo9e/ при мен го няма тоя проблем?

 

[obqvi_in]

не знам как стана това аз имам стилизиране от там сигурно нещо, благодаря ти много