0

我正在使用倒数计时器在时钟降至 0 时显示链接。有没有办法可以在时钟达到 0 时调用 .php 文件而不是显示链接?

这是我正在使用的代码。

<!--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-->
4

2 回答 2

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")调用页面。

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

于 2013-03-03T06:38:23.817 回答
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);

于 2013-03-03T06:38:24.470 回答