时间倒计时代码(javascript倒计时时间代码怎么写 比如在页面上显示3,2,1)
本文目录
javascript倒计时时间代码怎么写 比如在页面上显示3,2,1
《meta
document.all[“timer“].innerHTML=msg;
//if(maxtime == 3) document.all[“timer“].innerHTML=’只剩3秒!’;
--maxtime;
}
else{
clearInterval(timer);
document.all[“timer“].innerHTML=’123’;
}
}
timer = setInterval(“CountDown()“,1000);
《/SCRIPT》
《div id=timer》《/div》
倒计时代码JS高手请进!
给你一段我收藏倒计时功能的代码,复制了保存为html文件,亲测可用。
《html》
《head》
《title》生日倒计时《/title》
《b》今天距离2014年8月2日的生日还有《/b》《br》
《script language=“JavaScript“》
var DifferHour = -1
var DifferMinute = -1
var DifferSecond = -1
var Tday1 = new Date(“2014-08-02“) //**倒计时时间-注意格式
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“ 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》
《/body》
《/html》
求一个24小时的倒计时html代码
这个不是HTML代码能实现的,一般网页使用JS脚本!比如:《SCRIPT LANGUAGE=“JavaScript“》
《!--
var maxtime = 24*60*60
function CountDown(){
if(maxtime》=0){
hour = Math.floor(maxtime/3600);
minutes = Math.floor(maxtime/1440);
seconds = Math.floor(maxtime%60);
msg = “距离结束还有“+hour+“时“+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“ mce_style=“color:red“》《/div》
jquery倒计时代码是怎么写的
首先获取当前时间与目标时间的时间差,然后通过定时器更新这个时间差,就实现了倒计时效果。实现上述过程需要以下两个函数:
getTime() // 返回距1970年1月1日之间的毫秒数,这样将时间差(毫秒数)÷3600÷24即为天数,时分秒类似
setTimeout(code,millisec); // 在指定的毫秒数后调用函数
实例演示如下
创建Html元素
《div class=“box“》
《span》距离2015年国庆节还剩:《/span》《br》
《div class=“content“》
《input type=“text“ id=“time_d“》天《input type=“text“ id=“time_h“》时《input type=“text“ id=“time_m“》分《input type=“text“ id=“time_s“》秒
《/div》
《/div》
设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box》span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
input[type=’text’]{width:45px;height:35px;padding:5px 10px;margin:5px 0;border:1px solid #ff9966;}
编写jquery代码
$(function(){
show_time();
});
function show_time(){
var time_start = new Date().getTime(); //设定当前时间
var time_end = new Date(“2015/10/01 00:00:00“).getTime(); //设定目标时间
// 计算时间差
var time_distance = time_end - time_start;
// 天
var int_day = Math.floor(time_distance/86400000)
time_distance -= int_day * 86400000;
// 时
var int_hour = Math.floor(time_distance/3600000)
time_distance -= int_hour * 3600000;
// 分
var int_minute = Math.floor(time_distance/60000)
time_distance -= int_minute * 60000;
// 秒
var int_second = Math.floor(time_distance/1000)
// 时分秒为单数时、前面加零
if(int_day 《 10){
int_day = “0“ + int_day;
}
if(int_hour 《 10){
int_hour = “0“ + int_hour;
}
if(int_minute 《 10){
int_minute = “0“ + int_minute;
}
if(int_second 《 10){
int_second = “0“ + int_second;
}
// 显示时间
$(“#time_d“).val(int_day);
$(“#time_h“).val(int_hour);
$(“#time_m“).val(int_minute);
$(“#time_s“).val(int_second);
// 设置定时器
setTimeout(“show_time()“,1000);
}
倒计时vb代码
十秒倒计时程序代码:
Dim N As Integer
Private Sub Form_Load()
N = 10
Timer1.Interval = 1000
Timer1.Enabled = True
End Sub
Private Sub Timer1_Timer()
N = N - 1
If N 》 0 Then
Label1.Caption = N
Else
Label1.Caption = “时间到“
Timer1.Enabled = False
End If
End Sub
10分钟倒计时器代码
#include “time.h“
void main(){
int n,m,settime=10;
n=time(0);
printf(“请输入倒计时时间(秒)“);
scanf(“%d“,&settime);
while (settime!=0){
if (n!=time(0)){//如果时间过了1秒
settime--;//计时器减1
printf(“%d\n“,settime);//输入目前的倒计时
n=time(0);//更新当前时间
}
}
}
更多文章:
orbit下载(谁知道那个外国的下载软件“Orbit”怎么用的具体点哈最好有图解啦比如要下载一个软件该怎么做)
2023年7月27日 00:00
安卓系统手机屏幕显示移动叔叔,无法操作?移动叔叔工具箱改名叫啥了
2024年6月22日 01:04
百度拼音输入法最新版本(百度输入法最新版怎样切换成繁体输入)
2024年6月25日 16:03
好听又难忘的网名(好听又难忘的网名两个字,好听又难忘的网名有哪些)
2024年6月12日 07:55
圣安地列斯低空飞行(侠盗猎车手圣安地列斯低空飞行任务NOE)
2024年7月4日 14:30
数码大师2013白金版下载(谁有数码大师2013白金版的激活码 跪求!!!)
2024年5月29日 23:43
电子相册在线制作免费(有什么能免费制作婚礼电子相册视频的软件)
2024年8月22日 16:00
光影魔术手下载官网(光影魔术手软件具体应该怎样下载安装哪个版本比较好)
2024年7月23日 13:26
qq空间权限破解器(QQ空间主人设置了权限,您可通过以下方式访问,有什么方法破解呢)
2024年8月20日 19:55