php和js实时倒计时,php网页倒计时代码

发布时间:2022-11-19

本文目录一览:

  1. JS如何倒计时?用PHP+JS的,比如倒计时20秒要怎么操作?倒计时20秒后就执行动作吗?
  2. php+js倒计时循环
  3. 用JavaScript或php怎么写一个倒计时时钟啊

JS如何倒计时?用PHP+JS的,比如倒计时20秒要怎么操作?倒计时20秒后就执行动作吗?

window.setTimeout("setPopTitle();", 20 * 1000);
function setPopTitle() {
    alert("20秒到了");
}

如果是20秒后想调后台,就用ajax直接调。

php+js倒计时循环

你的

div style="font-size: 12px; float:left;" id="diffDay1"/div
div style="font-size: 12px;" id="diffDay2"/div

是写在循环之内的,所以会有多个diffDay1和diffDay2出现,这样js就没办法处理了,所以你要把div的id区分开。 你可以定义一个变量$i,在循环中自增$i++,然后在id中写入$i,如id="diffDay1_<?php echo $i?>",js中也作相应的处理 document.getElementById("diffDay1_<?php echo $i?>").innerHTML,这样应该就没问题了。

用JavaScript或php怎么写一个倒计时时钟啊

这个是JavaScript的 距离北京奥运会开幕还有

<html>
<head>
    <title>倒计时测试</title>
    <!--倒计时设置代码-->
    <script language="JavaScript">
        <!-- hide script from old browser
        var DifferenceHour = -1;
        var DifferenceMinute = -1;
        var DifferenceSecond = -1;
        var Tday = new Date("Aug 8, 2008 20:00:00") //**倒计时时间点-注意格式
        var daysms = 24 * 60 * 60 * 1000;
        var hoursms = 60 * 60 * 1000;
        var Secondms = 60 * 1000;
        var microsecond = 1000;
        function clock() {
            var time = new Date();
            var hour = time.getHours();
            var minute = time.getMinutes();
            var second = time.getSeconds();
            var timevalue = "" + ((hour < 12) ? hour : hour - 12);
            timevalue += ((minute < 10) ? ":0" : ":") + minute;
            timevalue += ((second < 10) ? ":0" : ":") + second;
            timevalue += ((hour < 12) ? " AM" : " PM");
            // document.formnow.now.value = timevalue
            var convertHour = DifferenceHour;
            var convertMinute = DifferenceMinute;
            var convertSecond = DifferenceSecond;
            var Diffms = Tday.getTime() - time.getTime();
            DifferenceHour = Math.floor(Diffms / daysms);
            Diffms -= DifferenceHour * daysms;
            DifferenceMinute = Math.floor(Diffms / hoursms);
            Diffms -= DifferenceMinute * hoursms;
            DifferenceSecond = Math.floor(Diffms / Secondms);
            Diffms -= DifferenceSecond * Secondms;
            var dSecs = Math.floor(Diffms / microsecond);
            if (convertHour != DifferenceHour) document.formnow.dd.value = DifferenceHour;
            if (convertMinute != DifferenceMinute) document.formnow.hh.value = DifferenceMinute;
            if (convertSecond != DifferenceSecond) document.formnow.mm.value = DifferenceSecond;
            document.formnow.ss.value = dSecs;
            // document.formnow.Tnow.value= DifferenceHour + DifferenceMinute + DifferenceSecond + dSecs
            setTimeout("clock()", 1000);
        }
        // end hiding -->
    </script>
</head>
<!--BODY里面的ONLOAD注意-->
<body onload="clock();return true" text="red">
    <!--实现显示-->
    <form name="formnow">
        <input name="dd" type="text" style="border:0;" size=2>天
        <input name="hh" type="text" style="border:0;" size=2>小时
        <input name="mm" type="text" style="border:0;" size=2>分
        <input name="ss" type="text" style="border:0;" size=2>秒
    </form>
</body>
<!--倒计时完毕-->

这个是php的

<?php
/***************************************
**功能:PHP实时倒计时
**创建日期:2009-2-26
**作者:潘继强 panjeck@tom.com
****************************************/
//php的时间是以秒算。js的时间以毫秒算
date_default_timezone_set("Asia/Hong_Kong"); //地区
//配置每天的活动时间段
$starttimestr = "09:00:00";
$endtimestr = "18:30:00";
$starttime = strtotime($starttimestr);
$endtime = strtotime($endtimestr);
$nowtime = time();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>PHP实时倒计时!</title>
    <script language="JavaScript">
        <!-- //
        var EndTime = <?=$endtime*1000?>;
        var NowTime = new Date();
        //计算出服务器和客户端的时间差。
        var dTime = NowTime.getTime()-<?=$nowtime*1000?>;
        var runtimes = 0;
        function GetRTime(){
            var NowTime = new Date();
            var dTimeNew = NowTime.getTime()-<?=$nowtime*1000?>;
            var dTimesM = Math.abs(Math.floor((dTimeNew - runtimes * 1000 - dTime)/1000)); //客户端时间和服务器当前时间的差
            if (dTimesM > 1) { //如果用户修改了客户端时间,就重新load本页
                window.location.reload();
            }
            var nMS = EndTime - NowTime.getTime() + dTime;
            var nH = Math.floor(nMS/(1000*60*60)) % 24;
            var nM = Math.floor(nMS/(1000*60)) % 60;
            var nS = Math.floor(nMS/1000) % 60;
            document.getElementById("RemainH").innerHTML = nH;
            document.getElementById("RemainM").innerHTML = nM;
            document.getElementById("RemainS").innerHTML = nS;
            if(nMS < 5*59*1000 && nMS >= 5*60*1000){
                alert("还有最后五分钟!");
            }
            runtimes++;
            setTimeout("GetRTime()", 1000);
        }
        window.onload = GetRTime;
        // -->
    </script>
</head>
<body>
    <h1><strong id="RemainH">XX</strong>:<strong id="RemainM">XX</strong>:<strong id="RemainS">XX</strong></h1>
</body>
</html>

实例3: 思路不同,简单多了.

<?php
/***************************************
**功能:PHP实时倒计时
**创建日期:2009-2-26
**作者:潘继强 panjeck@tom.com
****************************************/
//php的时间是以秒算。js的时间以毫秒算
date_default_timezone_set("Asia/Hong_Kong"); //地区
//配置每天的活动时间段
$starttimestr = "09:00:00";
$endtimestr = "13:50:00";
$starttime = strtotime($starttimestr);
$endtime = strtotime($endtimestr);
$nowtime = time();
if ($nowtime < $starttime){
    die("活动还没开始,活动时间是:{$starttimestr}至{$endtimestr}");
}
$lefttime = $endtime - $nowtime; //实际剩下的时间(秒)
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>PHP实时倒计时!</title>
    <script language="JavaScript">
        <!-- //
        var runtimes = 0;
        function GetRTime(){
            var nMS = <?=$lefttime?>*1000 - runtimes*1000;
            var nH = Math.floor(nMS/(1000*60*60)) % 24;
            var nM = Math.floor(nMS/(1000*60)) % 60;
            var nS = Math.floor(nMS/1000) % 60;
            document.getElementById("RemainH").innerHTML = nH;
            document.getElementById("RemainM").innerHTML = nM;
            document.getElementById("RemainS").innerHTML = nS;
            if(nMS < 5*59*1000 && nMS >= 5*60*1000){
                alert("还有最后五分钟!");
            }
            runtimes++;
            setTimeout("GetRTime()", 1000);
        }
        window.onload = GetRTime;
        // -->
    </script>
</head>
<body>
    <h1><strong id="RemainH">XX</strong>:<strong id="RemainM">XX</strong>:<strong id="RemainS">XX</strong></h1>
</body>
</html>

另外,楼下的那个冷笑天只是一个秒表,不知道楼主要的是秒表还是倒计时,要是还有什么其他需要或者代码看不懂的,m我 呵呵呵