http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FDevelopment%2FTimer
JavaScript DHTML/Development/Timer - История изменений
2026-04-04T15:14:59Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/Development/Timer&diff=1860&oldid=prev
в 10:02, 26 мая 2010
2010-05-26T10:02:39Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:02, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/Development/Timer&diff=1861&oldid=prev
Admin: 1 версия
2010-05-26T07:20:01Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Accessing Document Contents==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<HTML><br />
<HEAD><br />
<TITLE>Accessing Document Contents</TITLE><br />
<SCRIPT LANGUAGE="JavaScript"><!--<br />
function createSummary() {<br />
win2 = open("","window2")<br />
win2.document.open("text/plain")<br />
win2.document.writeln("Title: "+document.title)<br />
win2.document.writeln("Links: "+document.links.length)<br />
win2.document.writeln("Anchors: "+document.anchors.length)<br />
win2.document.writeln("Forms: "+document.forms.length)<br />
win2.document.writeln("Images: "+document.images.length)<br />
win2.document.writeln("Applets: "+document.applets.length)<br />
win2.document.writeln("Embeds: "+document.embeds.length)<br />
win2.document.close()<br />
}<br />
// --></SCRIPT><br />
</HEAD><br />
<BODY><br />
<A NAME="#top"></A><br />
<form><br />
<INPUT TYPE="BUTTON" NAME="Help" VALUE="Help" ONCLICK="alert("Click one of the above images.")"><br />
</FORM><br />
<SCRIPT LANGUAGE="JavaScript"><!--<br />
setTimeout("createSummary()",5000);<br />
// --></SCRIPT><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==A Countdown Timer==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
/*<br />
JavaScript Bible, Fourth Edition<br />
by Danny Goodman <br />
John Wiley & Sons CopyRight 2001<br />
*/<br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>Count Down Timer</TITLE><br />
<SCRIPT LANGUAGE="JavaScript"><br />
<!--<br />
var running = false<br />
var endTime = null<br />
var timerID = null<br />
function startTimer() {<br />
running = true<br />
now = new Date()<br />
now = now.getTime()<br />
// change last multiple for the number of minutes<br />
endTime = now + (1000 * 60 * 1)<br />
showCountDown()<br />
}<br />
function showCountDown() {<br />
var now = new Date()<br />
now = now.getTime()<br />
if (endTime - now <= 0) {<br />
stopTimer()<br />
alert("Time is up. Put down your pencils.")<br />
} else {<br />
var delta = new Date(endTime - now)<br />
var theMin = delta.getMinutes()<br />
var theSec = delta.getSeconds()<br />
var theTime = theMin<br />
theTime += ((theSec < 10) ? ":0" : ":") + theSec<br />
document.forms[0].timerDisplay.value = theTime<br />
if (running) {<br />
timerID = setTimeout("showCountDown()",1000)<br />
}<br />
}<br />
}<br />
function stopTimer() {<br />
clearTimeout(timerID)<br />
running = false<br />
document.forms[0].timerDisplay.value = "0:00"<br />
}<br />
//--><br />
</SCRIPT><br />
</HEAD><br />
<BODY><br />
<FORM><br />
<INPUT TYPE="button" NAME="startTime" VALUE="Start 1 min. Timer"<br />
onClick="startTimer()"><br />
<INPUT TYPE="button" NAME="clearTime" VALUE="Clear Timer"<br />
onClick="stopTimer()"><P><br />
<INPUT TYPE="text" NAME="timerDisplay" VALUE=""><br />
</FORM><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==A Timeout Processing Example==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<HTML><br />
<HEAD><br />
<TITLE>Timeout Program</TITLE><br />
<SCRIPT LANGUAGE="JavaScript"><!--<br />
function setTimer() {<br />
timer=setTimeout("alert("Too slow!")",10000)<br />
}<br />
function clearTimer() {<br />
clearTimeout(timer)<br />
alert("Hi!")<br />
}<br />
// --></SCRIPT><br />
</HEAD><br />
<BODY><br />
<SCRIPT LANGUAGE="JavaScript"><!--<br />
setTimer()<br />
// --></SCRIPT><br />
<FORM><br />
<INPUT TYPE="BUTTON" VALUE="Click here within ten seconds." ONCLICK="clearTimer()"><br />
</FORM><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==setInterval() and clearInterval() methods==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript"><br />
var intval=""<br />
function start_Int(){<br />
if(intval==""){<br />
intval=window.setInterval("start_clock()",1000)<br />
}else{<br />
stop_Int()<br />
}<br />
}<br />
function stop_Int(){<br />
if(intval!=""){<br />
window.clearInterval(intval)<br />
intval=""<br />
myTimer.innerHTML="Interval Stopped"<br />
}<br />
}<br />
function start_clock(){<br />
var d=new Date()<br />
var sw="am"<br />
var h=d.getHours()<br />
var m=d.getMinutes() + ""<br />
var s=d.getSeconds() + ""<br />
if(h>12){<br />
h-=12<br />
sw="pm"<br />
}<br />
if(m.length==1){<br />
m="0" + m<br />
}<br />
if(s.length==1) {<br />
s="0" + s<br />
}<br />
myTimer.innerHTML=h + ":" + m + ":" + s + " " + sw<br />
}<br />
</script><br />
</head><br />
<body><br />
<span id="myTimer">Interval Stopped</span><br />
<br><br><br><br />
<input type="button" value="Start" onclick="start_Int()"><br />
<input type="button" value="Stop" onclick="stop_Int()"><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Timer Events Demo==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
/*<br />
JavaScript Unleashed, Third Edition<br />
by Richard Wagner and R. Allen Wyke <br />
ISBN: 067231763X<br />
Publisher Sams CopyRight 2000<br />
*/<br />
<br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function dailyTask() {<br />
var tdy = new Date();<br />
if ((tdy.getHours() == 8) && (tdy.getMinutes() == 30)) {<br />
alert("Good morning sunshine!")<br />
clearInterval(timerID)<br />
}<br />
}<br />
<br />
//--><br />
<br />
timerID = setInterval("dailyTask()", 10000)<br />
<br />
</script><br />
</head><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Timer Events Demo 2==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
/*<br />
JavaScript Unleashed, Third Edition<br />
by Richard Wagner and R. Allen Wyke <br />
ISBN: 067231763X<br />
Publisher Sams CopyRight 2000<br />
*/<br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function performProcess() {<br />
alert("Good morning sunshine!");<br />
}<br />
<br />
function dailyTask() {<br />
var tdy = new Date();<br />
if ((tdy.getHours() == 8) && (tdy.getMinutes() == 30)) {<br />
performProcess()}<br />
timerID = setTimeout("dailyTask()",10000)<br />
}<br />
//--><br />
</script></head><br />
<br />
<body onLoad="dailyTask()"><br />
</body><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Using a Timer==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
/*<br />
Learn How to Program Using Any Web Browser<br />
by Harold Davis <br />
Apress CopyRight 2004<br />
ISBN: 1590591135<br />
*/<br />
<HTML><br />
<HEAD><br />
<TITLE>As time goes by...</TITLE><br />
<SCRIPT> <br />
var timerID; <br />
var x; <br />
function Thing (name) { <br />
this.name = name; <br />
} <br />
function fireIt () { <br />
var now = new Date(); <br />
var displayStr = window.document.theForm.txtFired.value; <br />
displayStr += "Hello: " + x.name + " " + now + "\r\n"; <br />
window.document.theForm.txtFired.value = displayStr; <br />
} <br />
function startIt (name) { <br />
x = new Thing (name); <br />
timerID = setInterval("fireIt()", 1000); <br />
} <br />
function stopIt() { <br />
clearInterval(timerID); <br />
} <br />
</SCRIPT><br />
</HEAD><br />
<BODY><br />
<TABLE><br />
<FORM name="theForm"><br />
<TR><br />
<TD>Name your object:</TD><br />
<TD><br />
<input type=text <br />
name="txtName"><br />
</TD><br />
</TR><br />
<TR><br />
<TD><br />
</TD><br />
<TD><br />
<input type=button value="Start!" <br />
onClick="startIt (txtName.value);"><br />
</TD><br />
<TD><br />
<input type=button value="Stop!" <br />
onClick="stopIt();"><br />
</TD><br />
</TR><br />
<TR><br />
<TD><br />
</TD><br />
<TD><br />
</TD><br />
</TR><br />
<TR><br />
<TD colspan=2><br />
<textarea name="txtFired" cols = 60 <br />
rows=20><br />
</textarea><br />
</TD><br />
</TR><br />
</FORM><br />
</TABLE><br />
</BODY><br />
</HTML><br />
<br />
</source></div>
Admin