jQuery_jquery に基づいてミニ語彙暗記ツールを作成する-jsチュートリアル-php.cn

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

リリース： 2016-05-16 18:22:14

オリジナル

1259 人が閲覧しました

今日紹介するのは、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() 関数は、マウスオーバー仮再生機能の実装にも使用されます。 

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

著者別の最新記事