<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>自动增长计时器</title>
<script type="text/javascript">
var atime;
function clock(){
var time=new Date();
atime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
document.getElementById("clock").value = atime;
}
setInterval(clock,1000);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" style="background:#000;color:#00ff00;width:55px"; />
</form>
</body>
</html>효과:
현재 시간 표시, 자동 증가
버튼에 타이머 추가(시작 및 일시 중지)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
var num=0;
var i;
function startCount(){
document.getElementById('count').value=num;
num=num+1;
i=setTimeout("startCount()",1000);
}
function stopCount(){
clearTimeout(i);
}
</script>
</head>
<body>
<form>
<input type="text" id="count" />
<input type="button" value="Start" onclick="startCount()"/>
<input type="button" value="Stop" onclick="stopCount()" />
</form>
</body>
</html>효과:
시작 버튼 클릭, 0부터 계산, 1초 추가 . 버튼을 클릭하면 현재 상태를 중지하고 유지합니다.
요약:
1.setInterval(코드, 상호 작용 시간);
매개 변수: 코드: 함수 이름 또는 코드 문자열일 수 있습니다. 상호 작용 시간: 상호 작용 시간을 설정합니다.
clearInterval(id_from_setInterval); : setInterval()은 ID 값을 반환합니다.
2.setTimeout(코드, 지연 시간)
매개변수: code: 함수 이름 또는 코드 문자열일 수 있습니다. 지연 시간: 지연 시간을 설정합니다.
clearTimeout(id_from_setTimeout)
매개변수: ID setTimeout() 값입니다.
위 내용은 자바스크립트 타이머 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
