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


Posted in Javascript onNovember 14, 2016

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

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

方法:

第一步打开有道路径下的"\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);
//显示释义区
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;" >间隔设置</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实现自动阅读单词(有道单词本添加功能),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
写出更好的JavaScript之undefined篇(上)
Nov 22 Javascript
javascript showModalDialog模态对话框使用说明
Dec 31 Javascript
mailto的使用技巧分享
Dec 21 Javascript
js实现新浪微博首页效果
Oct 16 Javascript
bootstrap使用validate实现简单校验功能
Dec 02 Javascript
Bootstrap页面标题Page Header的实现方法
Mar 22 Javascript
Angular2学习教程之ng中变更检测问题详解
May 28 Javascript
Vue.js添加组件操作示例
Jun 13 Javascript
jQuery实现的页面弹幕效果【测试可用】
Aug 17 jQuery
js实现图片放大并跟随鼠标移动特效
Jan 18 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
Apr 25 Javascript
vue使用require.context实现动态注册路由
Dec 25 Vue.js
9个让JavaScript调试更简单的Console命令
Nov 14 #Javascript
Node.js中路径处理模块path详解
Nov 14 #Javascript
JavaScript队列、优先队列与循环队列
Nov 14 #Javascript
JavaScript中setTimeout的那些事儿
Nov 14 #Javascript
jquery css实现邮箱自动补全
Nov 14 #Javascript
JS常用算法实现代码
Nov 14 #Javascript
node.js缺少mysql模块运行报错的解决方法
Nov 13 #Javascript
You might like
PHP初学者常见问题集合 修正版(21问答)
2010/03/23 PHP
PHP $_FILES中error返回值详解
2014/01/30 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
Javascript attachEvent传递参数的办法
2009/12/14 Javascript
jquery $.ajax相关用法分享
2012/03/16 Javascript
Javascript的setTimeout()使用闭包特性时需要注意的问题
2014/09/23 Javascript
异步安全加载javascript文件的方法
2015/07/21 Javascript
全面解析Bootstrap图片轮播效果
2015/12/03 Javascript
Javascript数组Array基础介绍
2016/03/13 Javascript
js正则表达式replace替换变量方法
2016/05/21 Javascript
详解HTTPS 的原理和 NodeJS 的实现
2017/07/04 NodeJs
使用yeoman构建angular应用的方法
2017/08/14 Javascript
AngularJs分页插件使用详解
2018/06/30 Javascript
js+canvas实现验证码功能
2020/09/21 Javascript
解决vue v-for 遍历循环时key值报错的问题
2018/09/06 Javascript
JavaScript学习笔记之DOM基础操作实例小结
2019/01/09 Javascript
详解使用JWT实现单点登录(完全跨域方案)
2019/08/02 Javascript
[43:32]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第一场
2014/05/26 DOTA
[07:26]2015国际邀请赛第二日TOP10集锦
2015/08/06 DOTA
Python备份Mysql脚本
2008/08/11 Python
Python使用xlrd读取Excel格式文件的方法
2015/03/10 Python
利用Python学习RabbitMQ消息队列
2015/11/30 Python
python模块smtplib学习
2018/05/22 Python
python中将两组数据放在一起按照某一固定顺序shuffle的实例
2019/07/15 Python
Python PyQt5整理介绍
2020/04/01 Python
Numpy实现卷积神经网络(CNN)的示例
2020/10/09 Python
李维斯牛仔裤英国官方网站:Levi’s英国
2019/10/10 全球购物
Alexandre Birman美国官网:亚历山大·伯曼
2019/10/30 全球购物
屈臣氏越南官网:Watsons越南
2021/01/14 全球购物
小区门卫岗位职责
2013/12/31 职场文书
社区党务公开实施方案
2014/03/18 职场文书
教师节宣传方案
2014/05/23 职场文书
物流专业专科生职业生涯规划书
2014/09/14 职场文书
素质教育培训心得体会
2016/01/19 职场文书
详解TS数字分隔符和更严格的类属性检查
2021/05/06 Javascript
html+css实现环绕倒影加载特效
2021/07/07 HTML / CSS