倒计时代码?倒计时器在线使用
javascript倒计时代码
我给你做了一个,你看行不行?
js代码:fun.js
var timmerID= null;
function time(){
var time= document.getElementById("now");
var left= document.getElementById("left");
var t= time.value.split(":");
var hour= parseInt(t[0]);
var min= parseInt(t[1]);
min=min+1;
if(min==60){
hour=hour+1;
min=0;
if(hour==24){
hour=0;
}
}
time.value=hour+":"+min;
left.value= left.value-1;
if(left.value==0){
mystop();
alert("时间已到!");
}
}
function mystart(){
var left= document.getElementById("left");
left.value="40";
timmerID= window.setInterval("time()", 1000*60);
}
function mystop(){
window.clearInterval(timmerID);
}
html页面:
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>time.html</title>
<script type="text/javascript" src="fun.js"></script>
</head>
<body>
时间起点:<input type="text" name="now" id="now" value="0:0"/><input type="button" value="开始" onclick="mystart();"><br>
剩余时间:<input type="text" name="left" id="left" value="40" disabled="disabled"/>分钟<br>
</body>
</html>
补充:这个javascript放在一个文件叫fun.js,在html页面中要引用此文件,如:<script type="text/javascript" src="fun.js"></script>,注意不要把路径弄错了,src后面的路径按照实际的来,如果两个文件在一个目录下,就是如上这样引用,当然也可以直接把全部的js内容放在html文件的头部,如:<script type="text/javascript">
<!--javascript代码-->
</script>
网页倒计时代码问题
很简单,这个是脚本的作用,开始的时候那个按钮时不可用状态,enabled=false;
你可以将你的浏览器禁用脚本一项选中,或者仅仅针对这一个页面,那么他的脚本就没有用了,不过这样他的页面里的很多效果或者是功能也许就不能够正常工作的。
如果不行,你也可以自己调用客户端脚本程序,最简单的就是在地址栏输入:
javascript:document.all.button1.enabled=true;
将那个按钮的“可用性”属性强制调整为true。
其中的Button1指的是你在源代码中看到的那个按钮的id值,或者是name值。
如果不是IE浏览器得这样:
javascript:document.getElementById("button1").eabled=true;
如果那个按钮是没有id属性,可以用
javascript:document.getElementByName("buttonname").item(0).eabled=true;
其中buttonname为那个按钮的name属性值。
假设那个按钮既没有id值,也没有name值,那么他自己的脚本也不能控制按钮的有效属性,
有这样的一种情况,如果那个按钮是某一个表单的提交按钮,也就是说按钮的属性是type="submit"这样可以没有id值,或者是name值,但他外层的form一定会有id值或者是name值。
你可以这样提交那个表单:
在地址栏中输入:
javascript:document.forms["formename"].submit();
如果不是IE浏览器,可以尝试:
javascript:document.getElementById("formId").submit();
这也就是简单的技巧,在Javascript方面如果熟悉,很容易搞定。这个也就是初步的网页脚本攻击了,你有了黑客的思想了,如果要是想讨论脚本的话,欢迎与我交流
谁能帮我解释一下这段html倒计时的代码,谢谢了
window.setTimeout("show_date_time()", 1000);
每1秒执行下此函数
函数作用就是当前时间减1秒
============================================
function show_date_time(){
window.setTimeout("show_date_time()", 1000);//每秒执行此函数
BirthDay=new Date("8/08/2008 20:00:00");//这个日期是可以修改的,倒数结束时间
today=new Date();//系统当前时间
timeold=(BirthDay.getTime()-today.getTime());//结束时间减去当前时间的毫秒数
sectimeold=timeold/1000//转换成秒
secondsold=Math.floor(sectimeold);//返回小于等于其数值参数的最大整数
msPerDay=24*60*60*1000;//一天的总秒数
//后面不用我解释了吧,就是些算法,计算相差的天数,小时分钟秒什么的
e_daysold=timeold/msPerDay;
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
//在span_dt_dt中显示计算结果
span_dt_dt.innerHTML="<align=center><font color=ff0000>"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"+"<br></font>";
}
show_date_time();
php循环倒计时的代码
这个可能要配合子框架和JS的功能来实现.
思路是:
1.在主框架页面上,安排一个表单+一个文本框(设变量名为 end_time),用来设置时间(target指向子框)(日期格式: 2009-05-28 12:00:00)
2.再插入一个对象用来显示剩余时间(可以是文本框,也可以是<span>标记,还可以是其它可以用JS替换内容的对象就可以了)(假设它的标记是<span id="timeout"></span>).
3.在主框架上插入一子框架,子框架的源文件指向php文件
4.在PHP源文件中插入适当代码.代码的作用主要分几部分,
A.计算剩余时间
B.用于更新主页面的剩余时间对象的JS代码.
C.适当设置页面刷新的时间(用JS或刷页刷新代码)
部分代码:
1.主框架(index.php)
<form action="timer.php" method="post" name="form1" target="timerframe" id="form1">
<table border="0">
<tr>
<td>开始时间
<label></label></td>
<td><input name="end_time" type="text" id="end_time" value="<?php echo date("Y-m-d H:i:s");?>"/></td>
<td><label>
<input type="submit" name="Submit" value="提交"/>
</label></td>
</tr>
</table>
<table width="400" border="0">
<tr>
<td></td>
</tr>
<tr>
<td>离结束还有:<span class="STYLE1" id="timeout">aaaaa</span></td>
</tr>
</table>
</form>
<iframe name="timerframe" width="1" height="1"></iframe>
2.子框架(timer.php)
<body>
<?php
$endTime=strtotime($_REQUEST['end_time']);//将终止时间转为nix_timestamp格式
$now=time();//当前时间
//printf("N:%s,\n<br>E:%s\n<br>",$now,$endTime);
if($now>=$endTime)//如果时间已过结束时间
{
?>
<script language="javascript">
var f=parent.document.getElementById("form1")
f.end_time.value='<?php echo date("Y-m-d H:i:s",$endTime+2*3600);?>'
f.submit()
</script>
<?php
exit;
}
$timeLeft=$endTime-$now;//计算剩余的秒数,并转换为对应的时:分:秒的格式
?>
<script language="javascript">
parent.document.getElementById("timeout").innerHTML='<?php echo date("H:i:s",$timeLeft-8*3600);?>'
function refresh()
{
var f=parent.document.getElementById("form1")
f.submit();
}
setTimeout("refresh()",5000)
</script>
</body>
关于倒计时代码的内容到此结束,希望对大家有所帮助。