고급 JavaScript 인 스 턴 스 03

4718 단어
간단 한 시간 계산
<html>
<head>
<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("alert('5  !')",5000)
}
</script>
</head>

<body>
<form>
<input type="button" value="        " onClick = "timedMsg()">
</form>
<p>        。      5     。</p>
</body>

</html>

또 하나의 간단 한 시간 계산
<html>
<head>
<script type="text/javascript">
function timedText()
{
var t1=setTimeout("document.getElementById('txt').value='2  '",2000)
var t2=setTimeout("document.getElementById('txt').value='4  '",4000)
var t3=setTimeout("document.getElementById('txt').value='6  '",6000)
}
</script>
</head>

<body>

<form>
<input type="button" value="       " onClick="timedText()">
<input type="text" id="txt">
</form>

<p>       。              (2、4、6  )。</p>
</body>

</html>

무한 순환 에서 의 시간 계산 이벤트
<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
</script>
</head>

<body>

<form>
<input type="button" value="    !" onClick="timedCount()">
<input type="text" id="txt">
</form>

<p>        。      0         。</p>

</body>

</html>

정지 버튼 이 있 는 무한 순환 의 시간 계산 이벤트
<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}

function stopCount()
{
clearTimeout(t)
}
</script>
</head>

<body>

<form>
<input type="button" value="    !" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="    !" onClick="stopCount()">
</form>

<p>      “    ”        。          ,  0   。  “    ”        。</p>

</body>

</html>

타임 이벤트 로 만 든 시계
<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10) 
  {i="0" + i}
  return i
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

생 성 대상 의 인 스 턴 스
 
<html>
<body>

<script type="text/javascript">

personObj=new Object()
personObj.firstname="John"
personObj.lastname="Adams"
personObj.age=35
personObj.eyecolor="black"

document.write(personObj.firstname + "      " + personObj.age + "  。")

</script>

</body>
</html>

 
대상 템 플 릿 만 들 기
 
<html>
<body>

<script type="text/javascript">

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname
this.lastname=lastname
this.age=age
this.eyecolor=eyecolor
}

myFather=new person("John","Adams",35,"black")

document.write(myFather.firstname + "      " + myFather.age + "  。")

</script>

</body>
</html>

좋은 웹페이지 즐겨찾기