検索

ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery_jquery に基づいてミニ語彙暗記ツールを作成する

jQuery_jquery に基づいてミニ語彙暗記ツールを作成する

WBOY
WBOYオリジナル
2016-05-16 18:22:141099ブラウズ

今日紹介するのは、load() 関数の実践的な応用です。読んでいただければ、簡単で実用的であると感じていただけると思います。以下は、Kingsoft PowerWord の単語暗記ツールに似た小さなツールです。テキスト (画像) をスクロールするのと同じ効果がありますが、サーバー側スクリプトの実行を伴う ajax 機能が使用されます。

まず、暗唱したい英語の語彙を含むテキスト ファイルを作成しました。次に、次の PHP コードを使用して語彙を読み取り、ランダムな語彙を返します。

コードをコピー コードは次のとおりです:

$buffer = array();
$handle = @fopen("toefl_listen.txt", "r");
if ($handle) {
while (!feof($handle)) {
array_push ($buffer, fgets($handle, 4096));
}
fclose($handle);
echo $buffer[array_rand($buffer)]; >?> ;



最後に、サーバー側の PHP コードを呼び出し、特定の DIV に返された結果を表示するために、少しの Ajax テクノロジを使用して次の Javascript スクリプトを追加します。ループ再生するのでsetInterval()関数を使いました。さらに、clearInterval() 関数は、マウスオーバー仮再生機能の実装にも使用されます。



コードをコピーします コードは次のとおりです。