ホームページ  >  記事  >  ウェブフロントエンド  >  JSで単語の自動読み上げを実現(youdao単語帳追加機能)

JSで単語の自動読み上げを実現(youdao単語帳追加機能)

高洛峰
高洛峰オリジナル
2016-12-07 09:34:511442ブラウズ

しばらく使ってみると、Youdao Word の顧客 Duan には、自動読み上げ機能がありません。この記事では、強力な JS を使用して、簡単な自動次の単語機能を実装しています。 ,

JSで単語の自動読み上げを実現(youdao単語帳追加機能)

方法:

最初のステップは、Youdaoパスの下にある「Dict6.3.69.8341resultuijswordBook.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);
}

2番目のステップは、「」を開くことですYoudao パス .3.69.8341resultuiwbreview.html の下の Dict6" ファイル

ボタンと編集ボックスを追加

<!--自定义控件开始-->
<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" />
<!--自定义控件结束-->


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。