JavaScript DHTML/Development/Timer
Содержание
Accessing Document Contents
<source lang="html4strict">
<HTML> <HEAD> <TITLE>Accessing Document Contents</TITLE> <SCRIPT LANGUAGE="JavaScript"></SCRIPT> </HEAD> <BODY> <A NAME="#top"></A> <form> <INPUT TYPE="BUTTON" NAME="Help" VALUE="Help" ONCLICK="alert("Click one of the above images.")"> </FORM> <SCRIPT LANGUAGE="JavaScript"></SCRIPT> </BODY> </HTML>
</source>
A Countdown Timer
<source lang="html4strict">
/* JavaScript Bible, Fourth Edition by Danny Goodman John Wiley & Sons CopyRight 2001
- /
<HTML> <HEAD> <TITLE>Count Down Timer</TITLE> <SCRIPT LANGUAGE="JavaScript">
</SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="button" NAME="startTime" VALUE="Start 1 min. Timer"
onClick="startTimer()">
<INPUT TYPE="button" NAME="clearTime" VALUE="Clear Timer"
onClick="stopTimer()"><INPUT TYPE="text" NAME="timerDisplay" VALUE=""> </FORM> </BODY> </HTML> </source>
A Timeout Processing Example
<source lang="html4strict">
<HTML> <HEAD> <TITLE>Timeout Program</TITLE> <SCRIPT LANGUAGE="JavaScript"></SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"></SCRIPT> <FORM> <INPUT TYPE="BUTTON" VALUE="Click here within ten seconds." ONCLICK="clearTimer()"> </FORM> </BODY> </HTML>
</source>
setInterval() and clearInterval() methods
<source lang="html4strict">
<html> <head> <script type="text/javascript">
var intval=""
function start_Int(){
if(intval==""){
intval=window.setInterval("start_clock()",1000)
}else{
stop_Int()
}
}
function stop_Int(){
if(intval!=""){
window.clearInterval(intval)
intval=""
myTimer.innerHTML="Interval Stopped"
}
}
function start_clock(){
var d=new Date()
var sw="am"
var h=d.getHours()
var m=d.getMinutes() + ""
var s=d.getSeconds() + ""
if(h>12){
h-=12
sw="pm"
}
if(m.length==1){
m="0" + m
}
if(s.length==1) {
s="0" + s
}
myTimer.innerHTML=h + ":" + m + ":" + s + " " + sw
}
</script> </head> <body> Interval Stopped
<input type="button" value="Start" onclick="start_Int()"> <input type="button" value="Stop" onclick="stop_Int()">
</body> </html>
</source>
Timer Events Demo
<source lang="html4strict">
/* JavaScript Unleashed, Third Edition by Richard Wagner and R. Allen Wyke ISBN: 067231763X Publisher Sams CopyRight 2000
- /
<head> <script language="JavaScript">
timerID = setInterval("dailyTask()", 10000)
</script> </head>
</source>
Timer Events Demo 2
<source lang="html4strict">
/* JavaScript Unleashed, Third Edition by Richard Wagner and R. Allen Wyke ISBN: 067231763X Publisher Sams CopyRight 2000
- /
<head> <script language="JavaScript">
</script></head>
<body onLoad="dailyTask()"> </body>
</source>
Using a Timer
<source lang="html4strict">
/* Learn How to Program Using Any Web Browser by Harold Davis Apress CopyRight 2004 ISBN: 1590591135
- /
<HTML> <HEAD> <TITLE>As time goes by...</TITLE> <SCRIPT> var timerID; var x; function Thing (name) {
this.name = name;
} function fireIt () {
var now = new Date(); var displayStr = window.document.theForm.txtFired.value; displayStr += "Hello: " + x.name + " " + now + "\r\n"; window.document.theForm.txtFired.value = displayStr;
} function startIt (name) {
x = new Thing (name);
timerID = setInterval("fireIt()", 1000);
} function stopIt() {
clearInterval(timerID);
} </SCRIPT> </HEAD> <BODY>
| Name your object: |
<input type=text name="txtName"> |
|
|
<input type=button value="Start!" onClick="startIt (txtName.value);"> |
<input type=button value="Stop!" onClick="stopIt();"> |
|
|
<textarea name="txtFired" cols = 60 rows=20> </textarea> |
||
</BODY> </HTML>
</source>