首页技术倒计时代码js(js倒计时代码最简单的)

倒计时代码js(js倒计时代码最简单的)

编程之家2026-05-21945次浏览

大家好,倒计时代码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");

倒计时代码js(js倒计时代码最简单的)

var t= time.value.split(":");

var hour= parseInt(t[0]);

var min= parseInt(t[1]);

min=min+1;

if(min==60){

hour=hour+1;

倒计时代码js(js倒计时代码最简单的)

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的内容到此结束,希望对大家有所帮助。

layuiadmin源码免费(layuiadmin源码)自学黑客编程入门网站?编程入门先学什么