JS實現(xiàn)自動閱讀單詞(有道單詞本添加功能)
個人比較習(xí)慣使用有道,使用了一段時間,背單詞的時候很不方便 而有道單詞客戶Duan沒有自動閱讀的功能, 本文用強大的js實現(xiàn)了簡單的自動下一個單詞的功能,
方法:
第一步打開有道路徑下的"\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); //顯示釋義區(qū) 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;" >間隔設(shè)置</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" /> <!--自定義控件結(jié)束-->
以上所示是小編給大家介紹的JS實現(xiàn)自動閱讀單詞(有道單詞本添加功能),希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復(fù)大家的!
相關(guān)文章
event.X和event.clientX的區(qū)別分析
解釋一下event.X和event.clientX有什么區(qū)別?event.clientX返回事件發(fā)生時,mouse相對于客戶窗口的X坐標 event.X也一樣但是如果設(shè)置事件對象的定位屬性值為relative2011-10-10JavaScript設(shè)計模式之單例模式原理與用法實例分析
這篇文章主要介紹了JavaScript設(shè)計模式之單例模式原理與用法,結(jié)合實例形式分析了單例模式的原理、命名空間的使用、閉包、惰性單例形式以及單例模式的基本應(yīng)用,需要的朋友可以參考下2018-07-07JavaScritp添加url參數(shù)并將參數(shù)加入到url中及更改url參數(shù)的方法
這篇文章給大家介紹javascript添加url參數(shù)方法,將參數(shù)加入到url中,涉及到url添加參數(shù)的相關(guān)知識,關(guān)于js添加url參數(shù)感興趣的朋友可以參考下本篇文章2015-10-10JS多個表單數(shù)據(jù)提交下的serialize()應(yīng)用實例分析
這篇文章主要介紹了JS多個表單數(shù)據(jù)提交下的serialize()應(yīng)用,接合實例形式分析了原生javascript實現(xiàn)多個表單提交時serialize操作相關(guān)使用技巧與操作注意事項,需要的朋友可以參考下2019-08-08