简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

Node.js는 간단한 스톱워치 시계 effect_javascript 기술을 구현합니다.

WBOY
풀어 주다： 2016-05-16 15:46:37
원래의
1816명이 탐색했습니다.

이 글에서는 간단한 스톱워치 시계 효과를 구현하기 위한 자바스크립트의 예를 소개합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

작동 효과도는 다음과 같습니다.

구현 코드: 

<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>
로그인 후 복사

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.

관련 라벨：
js时钟特效 简单的时钟特效
원천：php.cn
이전 기사：jQuery_jquery를 사용하여 HTML 태그를 필터링하고 키워드를 강조표시하는 방법 다음 기사：웹 페이지 배경 불꽃놀이 effect_javascript 기술을 달성하는 Javascript 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
질문은 여전히 ​​원본이지만 제목은 다음과 같이 다시 작성되었습니다. 내 Javascript 무작위 함수가 유효한 응답을 생성하지 못했습니다. 저는 JS와 HTML을 사용하여 간단한 난수 생성기 게임을 만들고 있습니다. 이 게임에서는 난수의 최소값과 최대값을 설정할 수 있습니다. 그런데 변수를 설정하고 ...
에서 2024-04-03 22:03:14
0
1
275
버튼 활성화로 인해 호버 효과가 오작동함 저는 웹 개발의 기초(HTML, CSS, JS)를 배우려고 노력해왔기 때문에 작동하는 Apple 계산기를 만들어 보려고 노력해 왔습니다. 작은 버그를 발견하기 전...
에서 2024-04-01 21:51:26
0
1
396
Vue에서 조건부 렌더링을 수행하는 방법 저는 작업을 생성하고 목록에 넣어 효율적으로 추적하는 데 사용할 수 있는 앱을 개발 중입니다. 목록과 목록 내에 작업을 만들었습니다. 목록 내의 목록에 속하는 모...
에서 2024-04-01 19:36:54
0
1
329
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！