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

方法:
第一步打開有道路徑下的"\Dict\6.3.69.8341\resultui\js\wordBook.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);
//顯示釋義區(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);
}
第二步打開有道路徑下的:"\Dict\6.3.69.8341\resultui\wbreview.html"文件
添加按鈕和編輯框
<!--自定義控件開始--> <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實現(xiàn)自動閱讀單詞(有道單詞本添加功能),希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復(fù)大家的!
相關(guān)文章
event.X和event.clientX的區(qū)別分析
解釋一下event.X和event.clientX有什么區(qū)別?event.clientX返回事件發(fā)生時,mouse相對于客戶窗口的X坐標 event.X也一樣但是如果設(shè)置事件對象的定位屬性值為relative2011-10-10
JavaScript設(shè)計模式之單例模式原理與用法實例分析
這篇文章主要介紹了JavaScript設(shè)計模式之單例模式原理與用法,結(jié)合實例形式分析了單例模式的原理、命名空間的使用、閉包、惰性單例形式以及單例模式的基本應(yīng)用,需要的朋友可以參考下2018-07-07
JavaScritp添加url參數(shù)并將參數(shù)加入到url中及更改url參數(shù)的方法
這篇文章給大家介紹javascript添加url參數(shù)方法,將參數(shù)加入到url中,涉及到url添加參數(shù)的相關(guān)知識,關(guān)于js添加url參數(shù)感興趣的朋友可以參考下本篇文章2015-10-10
JS多個表單數(shù)據(jù)提交下的serialize()應(yīng)用實例分析
這篇文章主要介紹了JS多個表單數(shù)據(jù)提交下的serialize()應(yīng)用,接合實例形式分析了原生javascript實現(xiàn)多個表單提交時serialize操作相關(guān)使用技巧與操作注意事項,需要的朋友可以參考下2019-08-08

