JS实现自动阅读单词(有道单词本添加功能)-js教程-PHP中文网

首页

web前端

js教程

JS实现自动阅读单词(有道单词本添加功能)

Dec 07, 2016 am 09:34 AM

个人比较习惯使用有道，使用了一段时间，背单词的时候很不方便而有道单词客户Duan没有自动阅读的功能, 本文用强大的js实现了简单的自动下一个单词的功能,

方法：

第一步打开有道路径下的"\Dict\6.3.69.8341\resultui\js\wordBook.js" 文件

添加以下代码

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

登录后复制

第二步打开有道路径下的："\Dict\6.3.69.8341\resultui\wbreview.html"文件

添加按钮和编辑框

&lt;!--自定义控件开始--&gt;
&lt;a style=&quot;font-size: 12px;&quot; &gt;间隔设置&lt;/a&gt;
&lt;input type=&quot;text&quot; style=&quot;width:50px; &quot; id=&quot;textBox&quot; value=&quot;1000&quot; /&gt;
&lt;input type=&quot;button&quot; style=&quot; background-color:#6299c5; border:1px solder #6229c5; color:#fff width:180px; height: 25px; &quot; id=&quot;btn&quot; value=&quot;Start&quot; /&gt;
&lt;!--自定义控件结束--&gt;

登录后复制

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn