倒数计时器显示.php文件

时间:2013-03-03 06:28:29

标签: php countdown

我正在使用倒数计时器在时钟运行到0时显示链接。有时候我可以调用.php文件而不是在时钟到达0时显示链接吗?

这是我正在使用的代码。

<!--START COUNTDOWN TIMER SCRIPT-->
<br />
<script type="text/javascript">                          
    window.onload = function()
    {
        countDown('my_div1', '<a href="cdtl.html">Hello 1</a>', 720); 
    }

    function countDown(elID, output, seconds)
    {
         var elem = document.getElementById(elID),
             start = new Date().getTime(), end = start+seconds*1000,
             timer = setInterval(function() {

             var now = new Date().getTime(), timeleft = end-now, timeparts;

             if( timeleft < 0) {
                 elem.innerHTML = output;
                 clearInterval(timer);
             }
             else {
                 timeparts = [Math.floor(timeleft/60000),Math.floor(timeleft/1000)%60];
                 if( timeparts[1] < 10) timeparts[1] = "0"+timeparts[1];
                 elem.innerHTML = "Time left: "+timeparts[0]+":"+timeparts[1];
             }
         } ,250); // the lower this number, the more accurate the timer. 250 recommended 
    }
</script>

<center>
    <div id="my_div1"></div>
</center>

<!--END COUNTDOWN TIMER SCRIPT-->

2 个答案:

答案 0 :(得分:0)

如果您使用jQuery,则可以使用

首先,包含jQuery:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>\

然后,每当你的计数器完成后,调用jQuery的一个ajax函数:
1)$('#idOfContainer').load("/path/to/your/file"):在指定容器内动态嵌入页面。使用$.load("path")只需调用该页面。

2)$('#idOfContainer').get("/path/to/your/file"):使用HTTP GET请求调用该文件。然后,结果显示在指定的容器内。使用$.get("path")只需调用该页面。

3)$('#idOfContainer').post("/path/to/your/file"):使用HTTP POST请求调用该文件。然后,结果显示在指定的容器内。使用$.post("path")只需调用该页面。

单击上述任何链接以获取有关每个命令的更多详细信息 祝你好运!

答案 1 :(得分:0)

更新

更改elem.innerHTML = output;

document.location.href = output;

然后改变

countDown('my_div1', '<a href="cdtl.html">Hello 1</a>', 720);

countDown('my_div1', 'cdtl.html', 720);