JS實(shí)現(xiàn)自動(dòng)閱讀單詞(有道單詞本添加功能)
更新時(shí)間：2016年11月14日 14:04:20 投稿：mrr
有道單詞客戶Duan沒(méi)有自動(dòng)閱讀的功能, 本文用強(qiáng)大的js實(shí)現(xiàn)了簡(jiǎn)單的自動(dòng)下一個(gè)單詞的功能,需要的朋友可以參考下
個(gè)人比較習(xí)慣使用有道，使用了一段時(shí)間，背單詞的時(shí)候很不方便 而有道單詞客戶Duan沒(méi)有自動(dòng)閱讀的功能, 本文用強(qiáng)大的js實(shí)現(xiàn)了簡(jiǎn)單的自動(dòng)下一個(gè)單詞的功能,
方法：
第一步打開(kāi)有道路徑下的"\Dict\6.3.69.8341\resultui\js\wordBook.js" 文件
添加以下代碼
//自動(dòng)下一個(gè)代碼
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);
//顯示釋義區(qū)
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);
}
第二步打開(kāi)有道路徑下的："\Dict\6.3.69.8341\resultui\wbreview.html"文件
添加按鈕和編輯框
<!--自定義控件開(kāi)始--> <a style="font-size: 12px;" >間隔設(shè)置</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" /> <!--自定義控件結(jié)束-->
以上所示是小編給大家介紹的JS實(shí)現(xiàn)自動(dòng)閱讀單詞(有道單詞本添加功能)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
相關(guān)文章
淺談bootstrap layer.open中end的使用方法
今天小編就為大家分享一篇淺談bootstrap layer.open中end的使用方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
IE的有條件注釋是一種專有的（因此是非標(biāo)準(zhǔn)的）、對(duì)常規(guī)（X）HTML注釋的Miscrosoft擴(kuò)展。顧名思義，有條件注釋使你能夠根據(jù)條件（比如瀏覽器版本）顯示代碼塊(不一定就是css，也可以是html代碼，甚至是JavaScript代碼)。2012-01-01
Webpack 5 是一款強(qiáng)大的模塊打包工具,可用于將許多分散的模塊按照依賴關(guān)系打包成一個(gè)（或多個(gè)）bundle,這篇文章給大家介紹webpack 5 mode的作用和區(qū)別解析,感興趣的朋友跟隨小編一起看看吧2024-01-01
淺析AMD CMD CommonJS規(guī)范--javascript模塊化加載學(xué)習(xí)心得總結(jié)
下面小編就為大家分享一篇淺析AMD CMD CommonJS規(guī)范--javascript模塊化加載學(xué)習(xí)心得總結(jié)。小編覺(jué)得寫(xiě)的非常不錯(cuò)，需要的朋友可以過(guò)來(lái)參考一下2016-03-03![javascript入門(mén)之?dāng)?shù)組[新手必看]](http://img.jbzj.com/images/xgimg/bcimg4.png)
javascript入門(mén)之?dāng)?shù)組[新手必看]
本文介紹了javascript 數(shù)組的定義和數(shù)組元素的操作，ECMAScript中的數(shù)組方法...希望對(duì)大家有所幫助2016-11-11
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之工廠模式,結(jié)合完整實(shí)例形式分析了工廠模式的概念、原理及javascript定義與使用工廠模式的相關(guān)操作技巧,需要的朋友可以參考下2021-10-10
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)帶索引的城市列表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
gojs實(shí)現(xiàn)螞蟻線動(dòng)畫(huà)效果
這篇文章介紹了gojs實(shí)現(xiàn)螞蟻線動(dòng)畫(huà)效果的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-01-01
ES6使用新特性Proxy實(shí)現(xiàn)的數(shù)據(jù)綁定功能實(shí)例
這篇文章主要介紹了ES6使用新特性Proxy實(shí)現(xiàn)的數(shù)據(jù)綁定功能,結(jié)合具體實(shí)例形式分析了ES6使用Proxy實(shí)現(xiàn)數(shù)據(jù)綁定具體原理、操作步驟與相關(guān)注意事項(xiàng),需要的朋友可以參考下2020-05-05
設(shè)置iframe的document.designMode后僅Firefox中其body.innerHTML為br
設(shè)置iframe的document.designMode為On可以讓其可編輯，一般用在富文本編輯器組件中。這里僅列出各瀏覽器差異2012-02-02