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

 更新时间:2016年11月14日 14:04:20   投稿:mrr  
有道单词客户Duan没有自动阅读的功能, 本文用强大的js实现了简单的自动下一个单词的功能,需要的朋友可以参考下

个人比较习惯使用有道,使用了一段时间,背单词的时候很不方便 而有道单词客户Duan没有自动阅读的功能, 本文用强大的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实现自动阅读单词(有道单词本添加功能),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

相关文章

  • 浅谈bootstrap layer.open中end的使用方法

    浅谈bootstrap layer.open中end的使用方法

    今天小编就为大家分享一篇浅谈bootstrap layer.open中end的使用方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • IE的有条件注释判定IE版本详解(附实例代码)

    IE的有条件注释判定IE版本详解(附实例代码)

    IE的有条件注释是一种专有的(因此是非标准的)、对常规(X)HTML注释的Miscrosoft扩展。顾名思义,有条件注释使你能够根据条件(比如浏览器版本)显示代码块(不一定就是css,也可以是html代码,甚至是JavaScript代码)。
    2012-01-01
  • webpack 5 mode的作用和区别解析

    webpack 5 mode的作用和区别解析

    Webpack 5 是一款强大的模块打包工具,可用于将许多分散的模块按照依赖关系打包成一个(或多个)bundle,这篇文章给大家介绍webpack 5 mode的作用和区别解析,感兴趣的朋友跟随小编一起看看吧
    2024-01-01
  • 浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结

    浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结

    下面小编就为大家分享一篇浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结。小编觉得写的非常不错,需要的朋友可以过来参考一下
    2016-03-03
  • javascript入门之数组[新手必看]

    javascript入门之数组[新手必看]

    本文介绍了javascript 数组的定义和数组元素的操作,ECMAScript中的数组方法...希望对大家有所帮助
    2016-11-11
  • JavaScript工厂模式详解

    JavaScript工厂模式详解

    这篇文章主要介绍了JavaScript设计模式之工厂模式,结合完整实例形式分析了工厂模式的概念、原理及javascript定义与使用工厂模式的相关操作技巧,需要的朋友可以参考下
    2021-10-10
  • 小程序实现带索引的城市列表

    小程序实现带索引的城市列表

    这篇文章主要为大家详细介绍了小程序实现带索引的城市列表,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • gojs实现蚂蚁线动画效果

    gojs实现蚂蚁线动画效果

    这篇文章介绍了gojs实现蚂蚁线动画效果的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-01-01
  • ES6使用新特性Proxy实现的数据绑定功能实例

    ES6使用新特性Proxy实现的数据绑定功能实例

    这篇文章主要介绍了ES6使用新特性Proxy实现的数据绑定功能,结合具体实例形式分析了ES6使用Proxy实现数据绑定具体原理、操作步骤与相关注意事项,需要的朋友可以参考下
    2020-05-05
  • 设置iframe的document.designMode后仅Firefox中其body.innerHTML为br

    设置iframe的document.designMode后仅Firefox中其body.innerHTML为br

    设置iframe的document.designMode为On可以让其可编辑,一般用在富文本编辑器组件中。这里仅列出各浏览器差异
    2012-02-02

最新评论