php和js實時倒計時,php網頁倒計時代碼

本文目錄一覽：

• 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的

距離北京奧運會開幕還有

br

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-12:hour)

timevalue +=((minute 10) ? “:0″:”:”)+minute

timevalue +=((second 10) ? “:0″:”:”)+second

timevalue +=((hour 12 ) ? ” PM”:” AM”)

// 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

!–倒計時完畢–

這個是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″ /

titlePHP實時倒計時!/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 (dTimesM1) {//如果用戶修改了客戶端時間，就重新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(nMS5*59*1000nMS=5*60*1000)

{

alert(“還有最後五分鐘！”);

}

runtimes++;

setTimeout(“GetRTime()”,1000);

}

window.onload=GetRTime;

// —

/script

/head

body

h1strong 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″ /

titlePHP實時倒計時!/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(nMS5*59*1000nMS=5*60*1000)

{

alert(“還有最後五分鐘！”);

}

runtimes++;

setTimeout(“GetRTime()”,1000);

}

window.onload=GetRTime;

// —

/script

/head

body

h1strong id=”RemainH”XX/strong:strong id=”RemainM”XX/strong:strong id=”RemainS”XX/strong/h1

/body

/html

另外，樓下的那個冷笑天只是一個秒錶，不知道樓主要的是秒錶還是倒計時，要是還有什麼其他需要或者代碼看不懂的，m我

呵呵呵