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 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
JavaScript 快捷键设置实现代码
Mar 13 Javascript
有关JavaScript的10个怪癖和秘密分享
Aug 28 Javascript
jquery offset函数应用实例
Nov 14 Javascript
原生javascript实现DIV拖拽并计算重复面积
Jan 02 Javascript
Javascript毫秒数用法实例
Feb 05 Javascript
jquery实现九宫格大转盘抽奖
Nov 13 Javascript
w3c编程挑战_初级脚本算法实战篇
Jun 23 Javascript
利用C/C++编写node.js原生模块的方法教程
Jul 07 Javascript
spring+angular实现导出excel的实现代码
Feb 27 Javascript
Vue自定义组件的四种方式示例详解
Feb 28 Javascript
Vue3不支持Filters过滤器的问题
Sep 24 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
解析CI即CodeIgniter框架在Nginx下的重写规则
2013/06/03 PHP
YII使用url组件美化管理的方法
2015/12/28 PHP
实例:用 JavaScript 来操作字符串(一些字符串函数)
2007/02/15 Javascript
JScript中的undefined和&quot;undefined&quot;的区别
2007/03/08 Javascript
JavaScript 更严格的相等 [译]
2012/09/20 Javascript
js实现杯子倒水问题自动求解程序
2013/03/25 Javascript
一个简单的JS鼠标悬停特效具体方法
2013/06/17 Javascript
三种动态加载js的jquery实例代码另附去除js方法
2014/04/30 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
2016/06/30 Javascript
AngularJS自定义控件实例详解
2016/12/13 Javascript
JS中mouseup事件丢失的原因与解决办法
2017/06/14 Javascript
如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)
2019/05/30 NodeJs
Node.JS用纯JavaScript生成图片或滑块式验证码功能
2019/09/12 Javascript
解决layer.prompt无效的问题
2019/09/24 Javascript
vue在App.vue文件中监听路由变化刷新页面操作
2020/08/14 Javascript
[03:01]DOTA2英雄基础教程 露娜
2014/01/07 DOTA
python测试mysql写入性能完整实例
2018/01/18 Python
Python实现的质因式分解算法示例
2018/05/03 Python
Python装饰器用法实例总结
2018/05/26 Python
Python Pandas分组聚合的实现方法
2019/07/02 Python
用Python 执行cmd命令
2020/12/18 Python
美国创意之家:BulbHead
2017/07/12 全球购物
波兰运动鞋网上商店:Distance.pl
2020/07/30 全球购物
学生拾金不昧表扬信
2014/01/21 职场文书
语文教研活动总结
2014/07/02 职场文书
求职信的正确写法
2014/07/10 职场文书
党的群众路线对照检查材料
2014/08/27 职场文书
四风问题原因分析及整改措施
2014/10/24 职场文书
2014年教师工作总结
2014/11/10 职场文书
关于社会实践的心得体会(2016最新版)
2016/01/25 职场文书
详解nginx.conf 中 root 目录设置问题
2021/04/01 Servers
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript
MySQL 使用索引扫描进行排序
2021/06/20 MySQL
MySQL的全局锁和表级锁的具体使用
2021/08/23 MySQL
MySQL安装失败的原因及解决步骤
2022/06/14 MySQL