本文目录一览:
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我
呵呵呵