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 图像动画的小demo
May 23 Javascript
js判断元素是否隐藏的方法
Jun 09 Javascript
jquery调取json数据实现省市级联的方法
Jan 29 Javascript
jQuery实现鼠标经过图片变亮其他变暗效果
May 08 Javascript
js获取时间精确到秒(年月日)
Mar 16 Javascript
js判断数组key是否存在(不用循环)的简单实例
Aug 03 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
Sep 20 Javascript
详解Vuex管理登录状态
Nov 13 Javascript
jQuery实现获取动态添加的标签对象示例
Jun 28 jQuery
关于layui flow loading占位图的实现方法
Sep 21 Javascript
vuex存储token示例
Nov 11 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作的文本留言本的例子(二)
2006/10/09 PHP
PHP中全局变量global和$GLOBALS[]的区别分析
2012/08/06 PHP
php版微信返回用户text输入的方法
2016/11/14 PHP
js获取input标签的输入值实现代码
2013/08/05 Javascript
jquery 实现两级导航菜单附效果图
2014/03/07 Javascript
js制作简易年历完整实例
2015/01/28 Javascript
基于jQuery实现网页进度显示插件
2015/03/04 Javascript
javascript实现自动输出文本(打字特效)
2015/08/27 Javascript
js实现商品抛物线加入购物车特效
2020/11/18 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
2016/09/17 Javascript
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
Node批量爬取头条视频并保存方法
2018/09/20 Javascript
vue-router命名路由和编程式路由传参讲解
2019/01/19 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
2019/11/27 Javascript
简单介绍Ruby中的CGI编程
2015/04/10 Python
python获取目录下所有文件的方法
2015/06/01 Python
ansible作为python模块库使用的方法实例
2017/01/17 Python
ubuntu安装sublime3并配置python3环境的方法
2018/03/15 Python
Python3 获取一大段文本之间两个关键字之间的内容方法
2018/10/11 Python
使用python批量修改文件名的方法(视频合并时)
2020/03/24 Python
Python-opencv实现红绿两色识别操作
2020/06/04 Python
python中spy++的使用超详细教程
2021/01/29 Python
美国折扣宠物药房:Total Pet Supply
2018/05/27 全球购物
美国运动鞋和服装网上商店:YCMC
2018/09/15 全球购物
Wiggle美国:英国骑行、跑步、游泳、铁人三项商店
2018/10/27 全球购物
捷克鲜花配送:Florea.cz
2018/10/29 全球购物
物流经理自我评价
2013/09/23 职场文书
初中生期末考试的自我评价
2013/12/17 职场文书
结婚喜宴家长答谢词
2014/01/15 职场文书
网站创业计划书
2014/04/30 职场文书
小学生三分钟演讲稿
2014/08/18 职场文书
平安工地汇报材料
2014/08/19 职场文书
小学教师见习总结
2015/06/23 职场文书
货款欠条范本
2015/07/03 职场文书
win10下go mod配置方式
2021/04/25 Golang
opencv深入浅出了解机器学习和深度学习
2022/03/17 Python