|
|
首先我創(chuàng)建的一個文本文件包含有我要背誦的英文詞匯，然后是下面的php代碼，用來讀取詞匯，并且隨機返回一個詞匯。
復制代碼 代碼如下:
<?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)];
?>
最后是通過下面的Javascript腳本加上一點Ajax技術，調(diào)用服務器端的php代碼，并把返回結果在特定DIV里顯示。因為是循環(huán)播放，所以我用到了setInterval()函數(shù)。此外還使用clearInterval()函數(shù)，實現(xiàn)鼠標滑過 - 暫定播放的功能。
復制代碼 代碼如下:
<script>
$(document).ready(function()
{
//沒隔3秒調(diào)用服務器端的php文件
var refreshId = setInterval(function()
{
$('#timeval').load('reflesh.php');
}, 3000);
//鼠標滑過 - 暫停播放
$("#timeval").mouseover(function()
{
clearInterval(refreshId);
});
$("#timeval").mouseout(function(){
refreshId = setInterval(function()
{
$('#timeval').load('reflesh.php');
}, 3000);
});
});
</script>
我覺得上面介紹的間隔一定時間調(diào)用服務器的代碼，其擴展性還是挺大的。我這里只是使用它來讀取一個簡單的文本文件，你還可以用它來調(diào)用數(shù)據(jù)庫，來實現(xiàn)對某個數(shù)據(jù)的實時更新。
JavaScript技術：基于jQuery制作迷你背詞匯工具，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
