Question

php中怎样实现倒计时功能

我想制作一个学习词汇的网页，词汇的学习时间为20分钟，词汇是逐条从数据库读取的，通过分页，实现点击下一条出现下一个词汇。通过函数，我制作了一个计时器，但是问题来了，当我点击下一条的时候，网页刷新，计时器也跟着刷新.....这不是我想要的，怎样才能让计时器不刷新啊？朋友说要用ajax实现，但是我看了好久都看不到ajax，求助~~一下是我的读取词汇的代码~~
<?php
include 'conn2.php';
$pagesize=1;
$sql="select * from word";
$result=mysql_query($sql);
$number=mysql_num_rows($result); //获取数据数量
$totalpage=ceil($number/$pagesize);
$pageno=@$_GET['pageno'];
if ($pageno=='') { $pageno=1; }
$startno=($pageno-1)*$pagesize;//从第几个开始
$sql2="select * from word order by ID asc limit ".$startno.",".$pagesize;
$rs=mysql_query($sql2);
//$row=mysql_fetch_array($rs);

while($row=mysql_fetch_array($rs))
{
echo"<br> ";
echo"<br> ";
echo $row["ID"];
echo". ";
echo" ";
echo $row["word"];
echo" ";
echo $row["phonetic"];
echo" ";
echo $row["trans"];
echo" "; echo"<br> ";
echo $row["example"];

}
echo"<br> ";
echo"<br> ";
if($pageno==1)
{ echo "[首条][上一条][<a href=?pageno=".($pageno+1).">下一条</a>][<a href=?pageno=".$totalpage.">末条</a>]";}
if($pageno==$totalpage){ echo "[<a href=?pageno=1>首条</a>][<a href=?pageno=".($pageno-1).">上一条</a>][下一条][末条]";}
if($pageno>1 && $pageno<$totalpage){ echo "[<a href=?pageno=1>首条</a>][<a href=?pageno=".($pageno-1).">上一条</a>][<a href=?pageno=".($pageno+1).">下一条</a>][<a href=?pageno=".$totalpage.">末条</a>]";}
?>

Answer 1

可以考虑asp实现：

1.HiddenField 控件储存时间
<!--2700秒时间-->
<asp:HiddenField ID="hidTime" runat="server" Value="2700" />
2.js代码
<script language="javascript" type="text/javascript">

var time;
var minutes;
var seconds;
var str;
function ShowTime2() {
if(document.getElementById("btnSubmitExam") !=null)
{
time = document.getElementById("hidTime").value;

time = time - 1;
document.getElementById("hidTime").value = time;
minutes = parseInt(time / 60);
seconds = time % 60;

document.getElementById("DjTimeDiv").innerHTML = "剩余时间:" + minutes + "分钟" + seconds + "秒";
if (time == 1) {
document.getElementById("DjTimeDiv").innerHTML="剩余时间:0分钟0秒";
document.getElementById ("btnSubmitExam").click();
// window.close();
}else
{
setTimeout("ShowTime2()", 1000);
}

}else
{
document.getElementById("DjTimeDiv").innerHTML="剩余时间:0分钟0秒";
}
}

</script>

追问

不是很懂呢，我对这个不是很熟，只是为了做系统做系统，能麻烦详细说一下我怎么将您这段程序跟我的程序合起来吗？我放在我的源文件里没有反应呢？

Answer 2

ajax异步刷新

Answer 3

设置一个目标时间,然后取得当前时间，进行计算，得出结果.
<?php
header("Content-type: text/html; charset=gbk");
echo "<font color=red>2015年国庆节倒计时！</font>"."<p>";
$time1=strtotime(date("Y-m-d H:i:s")); //当前系统时间
$time2=strtotime("2015-10-01"); //放假时间
$time3=strtotime("2016-01-01");
$sub1=ceil(($time2-$time1)/3600);
$sub2=ceil(($time3-$time1)/86400);
$sub3=ceil(($time2-$time1)/86400);
echo "距离放假还有<font color=red>$sub1</font>小时！！"."<p>";
echo "距离放假还有<font color=red>$sub3</font>天！！"."<p>";
echo "距离2016年元旦还有<font color=red>$sub2</font>天！！";
?>

结果如下:
2015年国庆节倒计时！
距离放假还有1797小时！！距离放假还有75天！！距离2016年元旦还有167天！！

Answer 4

不断刷出输出缓冲区就OK了

追问

不太懂呢~~怎么能刷出缓冲区呢？

Answer 5

定义一个全局的计时器

追问

该怎么定义呢？