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