trikadin, приветствую) Заодно с конструкцией switch(х) познакомился :)
|
Цитата:
Знакомство - хорошо, но её использование, на мой взгляд, в данном контексте не очень оправдано... |
nerv_,
Вариант ...
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body { background-color:#ffcc33; margin:0px; }
div { color:#0033cc; font:bold 12pt Tahoma; margin:15px; }
</style>
<script type="text/javascript">
var t = new Date,s,n;
t.setHours(0, 0, 0, 0);
function Timer() {
t = new Date(t.getTime() + (new Date).getTime() - s.getTime());
document.getElementsByTagName("div")[0].innerHTML = t.toLocaleTimeString();
s = new Date;
n = setTimeout(arguments.callee, 500)
}
function New_start() {
t.setHours(0, 0, 0, 0);
s = new Date;
Timer()
}
function Pause() {
s ? (window.clearTimeout(n), s = !1) : (s = new Date, Timer())
};
</script>
</head>
<body>
<input type="button" onclick="New_start()" value="Start/New">
<input type="button" onclick="Pause();" value="Pause/Go">
<div>Div HTML</div>
</body>
</html>
|
Вариант с прямым или обратным отсчётом ...
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body { background-color:#ffcc33; margin:0px; }
div { color:#0033cc; font:bold 12pt Tahoma; margin:15px; }
</style>
<script type="text/javascript">
var t = new Date,f = 1,s,n;
t.setHours(0, 0, 0, 0);
function Timer() {
t = new Date(t.getTime() + f*((new Date).getTime() - s.getTime()));
document.getElementsByTagName("div")[0].innerHTML = t.toLocaleTimeString();
s = new Date;
n = setTimeout(arguments.callee, 500)
}
function New_start() {
t.setHours(0, 0, 0, 0);
s = new Date;
Timer()
}
function Pause() {
s ? (window.clearTimeout(n), s = !1) : (s = new Date, Timer())
};
function BackTimer()
{
f = -f
}
</script>
</head>
<body>
<input type="button" onclick="New_start()" value="Start/New">
<input type="button" onclick="Pause();" value="Pause/Go">
<input type="button" onclick="BackTimer();" value="BackTimer">
<div>Div HTML</div>
</body>
</html>
|
:write:
Вариант с установкой секунд ... )))
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body { background-color:#ffcc33; margin:0px; }
div { color:#0033cc; font:bold 12pt Tahoma; margin:15px; }
</style>
<script type="text/javascript">
var t = new Date,f = 1,s,n;
t.setHours(0, 0, 0, 0);
function Timer() {
t = new Date(t.getTime() + f*((new Date).getTime() - s.getTime()));
document.getElementsByTagName("div")[0].innerHTML = t.toLocaleTimeString();
s = new Date;
n = setTimeout(arguments.callee, 500)
}
function New_start() {
window.clearTimeout(n);
t.setHours(0, 0, 0, 0);
s = new Date;
Timer()
}
function Pause() {
s ? (window.clearTimeout(n), s = !1) : (s = new Date, Timer())
};
function BackTimer()
{
window.clearTimeout(n);
f = -f;
s = new Date;
Timer()
}
function Set()
{
var sec = parseInt(document.getElementById("sec").value, 10)||0
t.setHours(0, 0, sec, 0);
document.getElementsByTagName("div")[0].innerHTML = t.toLocaleTimeString();
}
</script>
</head>
<body>
<input type="button" onclick="New_start()" value="Start/New">
<input type="button" onclick="Pause();" value="Pause/Go">
<input type="button" onclick="BackTimer();" value="BackTimer">
<input type="button" onclick="Set();" value="Set">
<label><input type="text" value="30" id="sec">sec</label>
<div>Div HTML</div>
</body>
</html>
|
Вариант с прямым и обратным отсчётом, с установкой секунд, минут, часов, дней, недель, месяцев и лет, с сапёром и змейкой, с aero, с функцией gps, со звуками, распознаванием голоса и искусственным интеллектом ... ... и, наконец, с блэкджеком и шлюхами.
/* щутка)) */ |
Aetae, и главное, он написан на jquery !
|
Цитата:
|
Цитата:
могёш) |
рони, благодарю) Теперь я понял, что делал неправильно -- все :lol: Объясните, пожалуйста, на примере вашей первой функции, как сделать так, чтобы в глобальной области видимости находилась только одна функция, а не кол-во функций + кол-во глобальных переменных?
|
| Часовой пояс GMT +3, время: 14:05. |