> 웹 프론트엔드 > JS 튜토리얼 > JS는 자동 단어 읽기를 실현합니다(youdao 단어장 추가 기능)

JS는 자동 단어 읽기를 실현합니다(youdao 단어장 추가 기능)

高洛峰
풀어 주다: 2016-12-07 09:34:51
원래의
1465명이 탐색했습니다.

Youdao를 사용하는 것이 더 익숙해졌습니다. 한동안 사용하면 단어를 외우는 것이 매우 불편합니다. Youdao Word 고객 Duan은 강력한 js를 사용하여 간단한 자동 다음을 구현합니다.

JS는 자동 단어 읽기를 실현합니다(youdao 단어장 추가 기능)

방법:

첫 번째 단계는 Youdao 경로

에서 "Dict6.3.69.8341resultuijswordBook.js" 파일을 여는 것입니다.

다음 코드 추가

//自动下一个代码
var btnStart = document.getElementById('btn');
var textBox = document.getElementById('textBox');
var record=0;
var time = null;
if(btnStart != null) {
btnStart.onclick = function() {
if(btnStart.value == 'Start' && textBox.value != '') {
timer();
btnStart.value = 'Stop';
} else if(btnStart.value == 'Stop') {
clearInterval(time);
btnStart.value = 'Start';
}
}
}
function timer() {
time = setInterval(function() {
var mask = document.getElementById('mask');
var e = document.createEventObject();
if(forget) {
//切换单词
forget.fireEvent("onclick", e);
location.href = forget.href;
mask.fireEvent('onclick', e);
//显示释义区
if(toggle_description) {
description.style.display = "block";
mask.style.display = "none";
if(disable_action) disable_action.style.display = "none";
action.style.display = "block";
};
}
}, textBox.value);
}
로그인 후 복사

두 번째 단계는 Youdao 경로 아래의 "Dict6.3.69.8341resultuiwbreview.html" 파일을 여는 것입니다

버튼 추가 및 상자 편집

<!--自定义控件开始-->
<a style="font-size: 12px;" >间隔设置</a>
<input type="text" style="width:50px; " id="textBox" value="1000" />
<input type="button" style=" background-color:#6299c5; border:1px solder #6229c5; color:#fff width:180px; height: 25px; " id="btn" value="Start" />
<!--自定义控件结束-->
로그인 후 복사


관련 라벨:
js
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿