倒计时代码js(js倒计时代码最简单的)
大家好,倒计时代码js相信很多的网友都不是很明白,包括js倒计时代码最简单的也是一样,不过没有关系,接下来就来为大家分享关于倒计时代码js和js倒计时代码最简单的的一些知识点,大家可以关注收藏,免得下次来找不到哦,下面我们开始吧!
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>
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>
怎么用VB制作一个倒计时
窗体中放置三个Command、三个Label、一个Timer控件,在Form_Load过程中已经说明了控件用途,其中Label1是显示分钟数,Label2是显示秒数,代码如下:
Dim JS As Integer'这里声明了一个全局变量,保存计时数
Private Sub Command1_Click()
Timer1.Enabled= False'停止计时
End Sub
Private Sub Command2_Click()
Timer1.Enabled= True'继续计时
End Sub
Private Sub Command3_Click()
Unload Me'重新计时
Form1.Show
End Sub
Private Sub Form_Load()
Command1.Caption="暂停"'"暂停"按钮
Command2.Caption="继续"'"继续"按钮
Command3.Caption="重新计时"'"重新计时"按钮
Label3.Caption=":"'显示":"分隔符
Timer1.Enabled= True'使计时开始
Timer1.Interval= 1000'计时间隔为1分钟(1000毫秒)
JS= 180'计时数初始化,180秒即3分钟
End Sub
Private Sub Timer1_Timer()
Dim F As Integer, M As Integer
If JS> 0 Then
JS= JS- 1
If JS<= 30 Then'在小于30秒后,标签底色为红色
Label1.BackColor=&HFF
Label2.BackColor=&HFF
Label3.BackColor=&HFF
End If
F= Int(JS/ 60)'计算分钟数
M= JS- F* 60'计算秒数
Label1.Caption= F'在Label1标签显示分钟数
Label2.Caption= M'在Label2标签显示秒数
Else
Timer1.Enabled= False'如果计时数小于或等于0,不再计时
End If
End Sub
关于倒计时代码js的内容到此结束,希望对大家有所帮助。