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实现自动阅读单词(有道单词本添加功能),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

相关文章

  • 小程序实现左滑删除的效果的实例代码

    小程序实现左滑删除的效果的实例代码

    这篇文章主要介绍了小程序实现左滑删除的效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-10-10
  • 详解JS中Array对象扩展与String对象扩展

    详解JS中Array对象扩展与String对象扩展

    这篇文章主要介绍了详解JS中Array对象扩展与String对象扩展的相关资料,需要的朋友可以参考下
    2016-01-01
  • event.X和event.clientX的区别分析

    event.X和event.clientX的区别分析

    解释一下event.X和event.clientX有什么区别?event.clientX返回事件发生时,mouse相对于客户窗口的X坐标 event.X也一样但是如果设置事件对象的定位属性值为relative
    2011-10-10
  • JavaScript设计模式之单例模式原理与用法实例分析

    JavaScript设计模式之单例模式原理与用法实例分析

    这篇文章主要介绍了JavaScript设计模式之单例模式原理与用法,结合实例形式分析了单例模式的原理、命名空间的使用、闭包、惰性单例形式以及单例模式的基本应用,需要的朋友可以参考下
    2018-07-07
  • 详解JS HTML Web端使用MQTT通讯测试

    详解JS HTML Web端使用MQTT通讯测试

    这篇文章主要介绍了JS HTML Web端使用MQTT通讯测试,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • 原生JavaScript实现购物车

    原生JavaScript实现购物车

    这篇文章主要为大家详细介绍了原生JavaScript实现购物车,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • webpack HappyPack实战详解

    webpack HappyPack实战详解

    这篇文章主要介绍了webpack HappyPack实战详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • JavaScritp添加url参数并将参数加入到url中及更改url参数的方法

    JavaScritp添加url参数并将参数加入到url中及更改url参数的方法

    这篇文章给大家介绍javascript添加url参数方法,将参数加入到url中,涉及到url添加参数的相关知识,关于js添加url参数感兴趣的朋友可以参考下本篇文章
    2015-10-10
  • 基于JavaScript的简易计算器功能

    基于JavaScript的简易计算器功能

    这篇文章主要为大家详细介绍了基于JavaScript的简易计算器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • JS多个表单数据提交下的serialize()应用实例分析

    JS多个表单数据提交下的serialize()应用实例分析

    这篇文章主要介绍了JS多个表单数据提交下的serialize()应用,接合实例形式分析了原生javascript实现多个表单提交时serialize操作相关使用技巧与操作注意事项,需要的朋友可以参考下
    2019-08-08

最新评论