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 相关文章推荐
修改发贴的编辑功能
Mar 07 Javascript
JQuery之拖拽插件实现代码
Apr 14 Javascript
读jQuery之四(优雅的迭代)
Jun 20 Javascript
js函数返回多个返回值的示例代码
Nov 05 Javascript
jquery中使用循环下拉菜单示例代码
Sep 24 Javascript
在HTML中插入JavaScript代码的示例
Jun 03 Javascript
vue.js实现请求数据的方法示例
Feb 07 Javascript
js实现九宫格的随机颜色跳转
Feb 19 Javascript
关于ES6箭头函数中的this问题
Feb 27 Javascript
JavaScript实现淘宝京东6位数字支付密码效果
Aug 18 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
Sep 05 Javascript
ant design 日期格式化的实现
Oct 27 Javascript
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非阻塞模式
2016/03/03 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
jQuery中[attribute*=value]选择器用法实例
2014/12/31 Javascript
详解JavaScript对W3C DOM模版的支持情况
2015/06/16 Javascript
使用javascript提交form表单方法汇总
2015/06/25 Javascript
深入浅析JavaScript中的constructor
2016/04/19 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
2018/09/21 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
2019/03/07 Javascript
详解vue的数据劫持以及操作数组的坑
2019/04/18 Javascript
vue.js实现备忘录demo
2019/06/26 Javascript
原生JS实现九宫格抽奖
2020/09/13 Javascript
Vue项目打包部署到apache服务器的方法步骤
2021/02/01 Vue.js
vue 根据选择的月份动态展示日期对应的星期几
2021/02/06 Vue.js
[37:45]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS Orenda
2014/05/22 DOTA
[44:43]完美世界DOTA2联赛决赛日 FTD vs GXR 第一场 11.08
2020/11/11 DOTA
python实现自动登录人人网并访问最近来访者实例
2014/09/26 Python
python 数字类型和字符串类型的相互转换实例
2018/07/17 Python
Python3.7实现中控考勤机自动连接
2018/08/28 Python
python机器学习之神经网络实现
2018/10/13 Python
python ddt数据驱动最简实例代码
2019/02/22 Python
python3实现弹弹球小游戏
2019/11/25 Python
将python依赖包打包成window下可执行文件bat方式
2019/12/26 Python
python 正则表达式参数替换实例详解
2020/01/17 Python
Python中os模块功能与用法详解
2020/02/26 Python
Html5页面在微信端的分享的实现方法
2018/08/30 HTML / CSS
html5的新玩法——语音搜索
2013/01/03 HTML / CSS
Nasty Gal英国:美国女性服饰销售网站
2021/03/02 全球购物
介绍java中初始化块的使用
2012/09/11 面试题
节水标语大全
2014/06/11 职场文书
优秀团员事迹材料1000字
2014/08/20 职场文书
农村党支部书记四风问题个人对照检查材料
2014/09/21 职场文书
反四风对照检查材料
2014/09/22 职场文书
基层干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
论群众路线学习心得体会
2014/10/31 职场文书
总结Python常用的魔法方法
2021/05/25 Python
MongoDB支持的索引类型
2022/04/11 MongoDB