php倒计时

其他 2018-07-12 17:31:48 阅读次数: 0
< form name = "form1" >
< div align = "center" align = "center" >
< center >离2010年还有:< br >
< input type = "textarea" name = "left" size = "35" style = "text-align: center" >
</ center >
</ div >
</ form >
< script LANGUAGE = "javascript" >
startclock()
var timerID = null;
var timerRunning = false;
function showtime() {
Today = new Date();
var NowHour = Today.getHours();
var NowMinute = Today.getMinutes();
var NowMonth = Today.getMonth();
var NowDate = Today.getDate();
var NowYear = Today.getYear();
var NowSecond = Today.getSeconds();
if (NowYear < 2000 )
NowYear = 1900 +NowYear;
Today = null ;
Hourleft = 23 - NowHour
Minuteleft = 59 - NowMinute
Secondleft = 59 - NowSecond
Yearleft = 2009 - NowYear
Monthleft = 12 - NowMonth - 1
Dateleft = 31 - NowDate
if (Secondleft<0)
{
Secondleft = 60 +Secondleft;
Minuteleft =Minuteleft-1;
}
if (Minuteleft<0)
{
Minuteleft = 60 +Minuteleft;
Hourleft =Hourleft-1;
}
if (Hourleft<0)
{
Hourleft = 24 +Hourleft;
Dateleft =Dateleft-1;
}
if (Dateleft<0)
{
Dateleft = 31 +Dateleft;
Monthleft =Monthleft-1;
}
if (Monthleft<0)
{
Monthleft = 12 +Monthleft;
Yearleft =Yearleft-1;
}
Temp = Yearleft +'年, '+Monthleft+'月, '+Dateleft+'天, '+Hourleft+'小时, '+Minuteleft+'分, '+Secondleft+'秒'
document.form1.left.value = Temp ;
timerID = setTimeout ("showtime()",1000);
timerRunning = true ;
}
var timerID = null ;
var timerRunning = false ;
function stopclock () {
if(timerRunning)
clearTimeout(timerID);
timerRunning = false ;
}
function startclock () {
stopclock();
showtime();
}
// -->
</ script >

第二种：某某运动会  

HTML代码:   

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!--倒计时Javascript begin-->
< script language = "JavaScript" >
<!--
function DigitalTime1()
{
var deadline= new Date("08/13/2007") //开幕倒计时
var symbol="8月13日"
var now = new Date()
var diff = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差
var leave = (deadline.getTime() - now.getTime()) + diff*60000
var day = Math.floor(leave / (1000 * 60 * 60 * 24))
var hour = Math.floor(leave / (1000*3600)) - (day * 24)
var minute = Math.floor(leave / (1000*60)) - (day * 24 *60) - (hour * 60)
var second = Math.floor(leave / (1000)) - (day * 24 *60*60) - (hour * 60 * 60) - (minute*60)
 
var deadline_2= new Date("08/13/2004") //开幕后计时
var symbol_2="8月13日"
var now_2 = new Date()
var diff_2 = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差
var leave_2 = (now_2.getTime() - deadline_2.getTime()) + diff_2*60000
var day_2 = Math.floor(leave_2 / (1000 * 60 * 60 * 24))
var hour_2 = Math.floor(leave_2 / (1000*3600)) - (day_2 * 24)
var minute_2 = Math.floor(leave_2 / (1000*60)) - (day_2 * 24 *60) - (hour_2 * 60)
var second_2 = Math.floor(leave_2 / (1000)) - (day_2 * 24 *60*60) - (hour_2 * 60 * 60) - (minute_2*60)
  
day=day+1;
day_2=day_2+1;
 
if (day>0) //还未开幕
{
//LiveClock1.innerHTML = "现在"+symbol+"天"
LiveClock1.innerHTML = "<font
setTimeout("DigitalTime1()",1000)
}
 
if (day<0) //已经开幕
{
//LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"
LiveClock1.innerHTML = "<font
setTimeout("DigitalTime1()",1000)
 
}
 
if (day==0) //正在开幕
{
//LiveClock1.innerHTML = "现在"+symbol+"天"
LiveClock1.innerHTML = "<font
setTimeout("DigitalTime1()",1000)
}
 
  
  
if (day<0 & day_2>19) //某某运动会结束
{
//LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"
LiveClock1.innerHTML = "<font
setTimeout("DigitalTime1()",1000)
 
}
 
}
// -->
</ script >
<!--倒计时Javascript end-->
< body onload = DigitalTime1 ()>
< div id = LiveClock1 ></ div >
 
</ body >

第三种：小时倒计时  

HTML代码:   

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
< SCRIPT LANGUAGE = "JavaScript" >
<!--
var maxtime = 60*60 //一个小时，按秒计算，自己调整!
function CountDown(){
if(maxtime>=0){
minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
msg = "距离结束还有"+minutes+"分"+seconds+"秒";
document.all["timer"].innerHTML=msg;
if(maxtime == 5*60) alert('注意，还有5分钟!');
--maxtime;
}
else{
clearInterval(timer);
alert("时间到，结束!");
}
}
timer = setInterval("CountDown()",1000);
//-->
</ SCRIPT >
< div id = "timer" style = "color:red" ></ div >

第四种：最简倒计时  

HTML代码:   

?
1
2
3
4
5
6
7
8
9
10
11
< Script Language = "JavaScript" >
<!-- Begin
　　var timedate= new Date("January 14,2006");
　　var times="研究生考试";
　　var now = new Date();
　　var date = timedate.getTime() - now.getTime();
　　var time = Math.floor(date / (1000 * 60 * 60 * 24));
　　if (time >= 0) ;
document.write("<li><font color=#DEDBDE>现在离2006年"+times+"还有: <font color=#ffffff><b>"+time +"</b></font> 天</font></li>");
// End -->
</ Script >

第五种：最简倒计时二  

HTML代码:   

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
< script language = "JavaScript" type = "text/javascript" >
function djs(){
var urodz= new Date("11/12/2008");　
var now = new Date();
var num
var ile = urodz.getTime() - now.getTime();　　
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));　　
if (dni >1)　　
num=dni+1
else if (dni == 1)　num=2　
else if (dni == 0)　num=1
else num=0　
document.write(num)　　
}
</ script >

距某某开幕式还有 [<script language="JavaScript" type="text/javascript">djs()</script>] 天   

第六种：Javascript倒计时器 - 采用系统时间自校验   
这次利用系统时间自校验倒计时, 无需手工调校使得倒计时更为精确, 代码及详细注释如下:  

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
< span id = "clock" >00:01:11:00</ span >
< input id = "startB" type = "button" value = "start countdown!" onclick = "run()" >
< input id = "endB" type = "button" value = "stop countdown!" onclick = "stop()" >
< br >
< input id = "diff" type = "text" >
< input id = "next" type = "text" >
< script language = "Javascript" >
/* This notice must be untouched at all times.
 
countdown.js v. 1.0
The latest version is available at
http://blog.csdn.net/yjgx007
 
Copyright (c) 2004 Xinyi.Chen. All rights reserved.
Created 7/30/2004 by Xinyi.Chen.
Web: http://blog.csdn.net/yjgx007
E-Mail: [email protected]
Last modified: 7/30/2004
 
This program is free software;
you can redistribute it and/or modify it under the terms of the
GNU General Public License as published by the Free Software Foundation;
 
See the GNU General Public License
at http://www.gnu.org/copyleft/gpl.html for more details.
*/
var normalelapse = 100;
var nextelapse = normalelapse;
var counter;
var startTime;
var start = clock.innerText;
var finish = "00:00:00:00";
var timer = null;
 
// 开始运行
function run() {
startB.disabled = true;
endB.disabled = false;
counter = 0;
// 初始化开始时间
startTime = new Date().valueOf();
 
// nextelapse是定时时间, 初始时为100毫秒
// 注意setInterval函数: 时间逝去nextelapse(毫秒)后, onTimer才开始执行
timer = window.setInterval("onTimer()", nextelapse);
}
 
// 停止运行
function stop() {
startB.disabled = false;
endB.disabled = true;
window.clearTimeout(timer);
}
 
window.onload = function() {
endB.disabled = true;
}
 
// 倒计时函数
function onTimer()
{
 
if (start == finish)
{
window.clearInterval(timer);
alert("time is up!");
return;
}
 
var hms = new String(start).split(":");
var ms = new Number(hms[3]);
var s = new Number(hms[2]);
var m = new Number(hms[1]);
var h = new Number(hms[0]);
   
ms -= 10;
if (ms < 0 )
{
ms = 90 ;
s - = 1 ;
if (s < 0)
{
  s = 59 ;
  m - = 1 ;
}
   
if (m < 0)
{
  m = 59 ;
  h - = 1 ;
}
}
 
var ms = ms < 10 ? ("0" + ms) : ms;
var ss = s < 10 ? ("0" + s) : s;
var sm = m < 10 ? ("0" + m) : m;
var sh = h < 10 ? ("0" + h) : h;
 
start = sh + ":" + sm + ":" + ss + ":" + ms;
clock.innerText = start ;
 
// 清除上一次的定时器
window.clearInterval(timer);
 
// 自校验系统时间得到时间差, 并由此得到下次所启动的新定时器的时间nextelapse
counter++;
var counterSecs = counter * 100;
var elapseSecs = new Date().valueOf() - startTime;
var diffSecs = counterSecs - elapseSecs;
nextelapse = normalelapse + diffSecs;
diff.value = counterSecs + "-" + elapseSecs + "=" + diffSecs;
next.value = "nextelapse = " + nextelapse;
if (nextelapse < 0) nextelapse = 0 ;
 
// 启动新的定时器
timer = window .setInterval("onTimer()", nextelapse);
}
</script>

附加一个完整的倒计时和时间  复制即可使用  运行的结果分别是： 

天 小时 分 秒 2013年01月22日 15:44:23 星期二

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
< html >
 
< head >
 
< title >倒计时测试</ title >
 
  < script src = "http://event.wushuangol.com/ShopClothes/Scripts/jquery-1.4.4.min.js" type = "text/javascript" ></ script >
 
  
 
< script language = "JavaScript" >
 
  $(document).ready(function () {
 
<!-- 时间必须启动 -->
 
   clockon();
 
  });
 
  
 
  
 
  
 
function clockon() {
 
  var now = new Date();
 
  var year = now.getFullYear(); //getFullYear getYear
 
  var month = now.getMonth();
 
  var date = now.getDate();
 
  var day = now.getDay();
 
  var hour = now.getHours();
 
  var minu = now.getMinutes();
 
  var sec = now.getSeconds();
 
  var week;
 
  month = month + 1;
 
  if (month < 10 ) month = "0" + month;
 
  if (date < 10) date = "0" + date;
 
  if (hour < 10) hour = "0" + hour;
 
  if (minu < 10) minu = "0" + minu;
 
  if (sec < 10) sec = "0" + sec;
 
  var arr_week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
 
  week = arr_week [day];
 
  var time = "" ;
 
  time = year + "年" + month + "月" + date + "日" + " " + hour + ":" + minu + ":" + sec + " " + week;
 
  
 
  $("#bgclock").html(time);
 
  
 
  var timer = setTimeout ("clockon()", 200);
 
}
 
  
 
  
 
  
 
<!-- 隐藏脚本从旧的浏览器
 
var DifferHour = -1
 
var DifferMinute = -1
 
var DifferSecond = -1
 
var Tday1 = new Date("Feb 11, 2013 00: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")
 
  var convertHour = DifferHour
 
  var convertMinute = DifferMinute
 
  var convertSecond = DifferSecond
 
  var Diffms = Tday1.getTime() - time.getTime()
 
  DifferHour = Math.floor(Diffms / daysms)
 
  Diffms -= DifferHour * daysms
 
  DifferMinute = Math.floor(Diffms / hoursms)
 
  Diffms -= DifferMinute * hoursms
 
  DifferSecond = Math.floor(Diffms / Secondms)
 
  Diffms -= DifferSecond * Secondms
 
  var dSecs = Math.floor(Diffms / microsecond)
 
  if(convertHour != DifferHour) document.formnow.dd.value=DifferHour
 
  if(convertMinute != DifferMinute) document.formnow.hh.value=DifferMinute
 
  if(convertSecond != DifferSecond) document.formnow.mm.value=DifferSecond
 
   document.formnow.ss.value=dSecs
 
   document.formnow.ss.value=dSecs
 
// document.formnow.Tnow.value= DifferHour DifferMinute + DifferSecond + dSecs
 
setTimeout("clock()",1000)
 
  
 
  
 
}
 
//
 
  
 
隐藏-->
 
</ script >
 
</ head >
 
< body onload = "clock();return true" >
 
<!--显示出内容-->
< 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 >
秒
< span id = "bgclock" style = "float:right;padding-right:10px; padding-top:2px;text=" red""></ span >
</ form >
 
<!--倒计时完毕啦-->
 
</ body >
 
</ html >

猜你喜欢

转载自www.cnblogs.com/yyp520thy/p/9300606.html
今日推荐
面壁智能发布 Eurux-8x22B 开源大模型 —— 堪称「理科状元」
开源日报 | 谷歌扶持鸿蒙上位；开源Rabbit R1；Docker加持的安卓手机；微软的焦虑和野心；海尔电器把开放平台关了
中国码农的“35岁魔咒”
蘭雅 CorelDRAW 插件 2024.5.1 国际劳动节版，免费下载
Arc Browser for Windows 1.0 正式 GA
90后程序员开发视频搬运软件、不到一年获利超 700 万，结局很刑！
周排行
OOP第二次作业
java web 乱码问题
android 禁止scrollview 因控件变化自动滚动到底的方法
mysql服务解压版的安装(5.7)
centos7 nginx+tomcat配置https 安装免费SSL Let’s Encrypt
使用Mosquitto遗嘱机制实现感知客户端上下线功能的方法
面向对象之------多态与多态性
开发Teams Tabs应用程序
C# 希尔排序
第2章 Jupyter Notebooks
每日归档
更多
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)
2024-05-03(19)
2024-05-02(0)
2024-05-01(4)
2024-04-30(1)
2024-04-29(40)
2024-04-28(0)
2024-04-27(56)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022