首頁  >  文章  >  web前端  >  JS實作自動閱讀字(有道單字本添加功能)

JS實作自動閱讀字(有道單字本添加功能)

高洛峰
高洛峰原創
2016-12-07 09:34:511327瀏覽

個人比較習慣使用有道,使用了一段時間,背單詞的時候很不方便而有道單詞客戶Duan沒有自動閱讀的功能, 本文用強大的js實現了簡單的自動下一個單詞的功能,

JS實作自動閱讀字(有道單字本添加功能)

方法:

第一步打開有道路徑下的"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);
}

   

加入以下程式碼

.3.69.8341resultuiwbreview.html"文件

新增按鈕和編輯框


间隔设置


   


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn