일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- CSS
- #image
- 홈페이지제작
- php
- jquery
- #해피CGI
- #솔루션
- 홈페이지
- #홈페이지제작
- #happycgi
- 솔루션
- #쇼핑몰
- #웹솔루션
- #동영상
- 사이트제작
- #cgimall
- 해피씨지아이
- 게시판
- happycgi
- #jQuery
- 웹솔루션
- #홈페이지
- #업종별
- #CSS
- 해피CGI
- #이미지
- 쇼핑몰
- #뉴스
- CGIMALL
- javascript
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Typing Speed Test App In jQuery - fluxTyper 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] Typing Speed Test App In jQuery - fluxTyper
해피CGI윤실장 2021. 9. 1. 09:16키보드 타이핑을 하는 속도와, 정확도를 테스트할 수 있는 프로그램 입니다.
다운로드 받은 파일의 압축을 해제한 뒤,
index.html 파일을 웹브라우저로 열어보면 간단하게 확인이 가능합니다.
웹브라우저로 열어서 보면
아래 그림과 같은 화면이 표시가 됩니다.
입력박스를 이용해서,
상단에 표시되는 영어 단어들을 타이핑하면 됩니다.
1분이란 시간 동안 몇개의 단어를 타이핑 할수 있는지와,
제대로 타이핑을 했는지와, 정확도가 어느 정도 되는지를 테스트를 해볼 수 있습니다.
틀린 단어는 녹색으로 표시가 안되고, 오타율이 올라가네요.
혹시나 한글도 되려나 싶어서
words.js 소스코드내에 타이핑 테스트를 할
영어 단어들이 저장된 걸 보고 한글로 바꿔봤지만,
예상했던데로, 한글로는 테스트가 되지는 않네요.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] interact.js - 드래그앤드롭, 리사이즈등의 기능을 제공 (0) | 2021.09.08 |
---|---|
[해피CGI][cgimall] highlight.js v11.0.1 (0) | 2021.09.07 |
[해피CGI][cgimall] Simple Image Cropper In jQuery (0) | 2021.08.25 |
[해피CGI][cgimall] 요소를 상위 요소의 맨 하단에 고정 - fixedElemScroll (0) | 2021.08.17 |
[해피CGI][cgimall] jQuery & HTML5 Canvas를 이용한 그림판 플러그인 (0) | 2021.08.16 |
Comments