带年月日分秒的js倒计时

最新推荐文章于 2023-05-31 18:30:08 发布
最新推荐文章于 2023-05-31 18:30:08 发布
阅读量205 收藏
点赞数
文章标签： JavaScript Microsoft HTML J# ViewUI 
<html> 
<head> 
<meta name="GENERATOR" content="Microsoft FrontPage 6.0"> 
<meta name="ProgId" content="FrontPage.Editor.Document"> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>倒计时测试</title> 
</head> 
<body> 
<SCRIPT type="text/javascript"> 
<!-- 
var target=[] 
var time_id=[] 
function show_date_time_0(){ 
    setTimeout("show_date_time_0()", 1000); 
for (var i=0,j=target.length;i<j;i++){ 
    today=new Date(); 
    timeold=target[i]-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); 
    if (daysold<0) { 
        document.getElementById(time_id[i]).innerHTML="逾期,倒计时已经失效"; 
    }  
    else { 
        if (daysold<10) {daysold="0"+daysold} 
        if (daysold<100) {daysold="0"+daysold} 
        if (hrsold<10) {hrsold="0"+hrsold} 
        if (minsold<10) {minsold="0"+minsold} 
        if (seconds<10) {seconds="0"+seconds} 
        if (daysold<3) { 
            document.getElementById(time_id[i]).innerHTML="<font color=red>"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒</font>"; 
        }  
        else { 
            document.getElementById(time_id[i]).innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"; 
        } 
    } 
} 
} 
setTimeout("show_date_time_0()", 100); 
//--> 
</SCRIPT> 
距12月25（圣诞节）还有： 
<div id="TimeCounter_0" style="border:1px solid black;margin:5px;padding:2px;width:140px"></div> 
<SCRIPT> 
//设定目标时间(数组元素) 
//target[target.length]=new Date(年,月-1,日,时,分,秒).getTime() 
target[target.length]=new Date(2008,11,25,25,00,00).getTime(); 
//设定倒计时显示地址(数组元素) 
time_id[time_id.length]="TimeCounter_0" 
</SCRIPT> 

 
距国家公务员考试还有(12.9)： 
<div id="TimeCounter_1" style="border:1px solid black;margin:5px;padding:2px;width:140px"></div> 
<SCRIPT> 
target[target.length]=new Date(2008,11,9,09,00,00).getTime() 
time_id[time_id.length]="TimeCounter_1" 
</SCRIPT> 

 

</body> 
</html>

 

benbenqingqing1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js倒计时算法
fine1998_的博客
06-01 1108
目录一、Data对象二、时间戳三、封装倒计时函数 Data对象是js的内置对象，它本质上是一个构造函数，表示时间这一大类，包括年月日时分秒等。起始时间：1970年1月1日。Date对象包括的方法： 作用：获取Date对象距离1970年1月1日的总毫秒数。获取方法： 结果： 结果： 注意：函数封装的参数应给Date对象，才能获得完整的时间戳。
jQuery实现倒计时（倒计时年月日可自己输入）
11-27
//倒计时的小时 var sMin = ""; //倒计时的分钟 var sSec = ""; //倒计时的秒数 var sMsec = ""; //毫秒数 //通用工具函数，在个位数上加零，根据传的N的参数，来设前面加几个零 function setDi
js倒计时年月日时分秒
zi_ran_meng的博客
06-16 999
js倒计时年月日时分秒
JavaScript实现倒计时功能
modao的博客
05-31 4467
本文主要介绍JavaScript中封装时间函数和如何倒计时功能，没有拐弯抹角，拿走即用。
如何用js实现日期天数、时分秒的倒计时
西门吹雪
11-24 1万+
js实现天数倒计时 在用js实现倒计时的时候，可以先算出截止日期和今天之间相差的毫秒数，然后进行相应的比例进行day、 month 、hour、minute、second的计算，便可以准确的计算出相差的时间。 倒计时格式为：纯天数倒计时 function CountDown(year, month, day, hours) { let now = new Date(); let endDate = new Date(year, month - 1, day, hours);
(转)js实现倒计时效果(年月日时分秒)
denghua3723的博客
12-15 1023
原文链接:http://mengqing.org/archives/js-countdown.html 之前做的活动页面很多都用到了倒计时功能，所以整理下下次直接用。（用的是张鑫旭写的一个倒计时，稍作修改了下，原文：http://www.zhangxinxu.com/wordpress/?p=987） 用法： <div class="timer"> &lt...
jquery 年月日实现倒计时
12-14
压缩包中的文件"4-年月日分秒倒计时"可能包含了一个完整的示例项目，包括HTML、CSS和JavaScript文件，供学习者参考和实践。通过查看这个项目，你可以更深入地了解如何在实际项目中应用上述倒计时逻辑。 总之，使用...
基于51单片机制作重大事件倒计时（年月日，剩余天数）-电路方案
04-20
在这个基于51单片机的重大事件倒计时项目中，我们使用了经典的AT89C52芯片作为主控制器，来实现对年月日及剩余天数的精确计时功能。这种倒计时器适用于各种重大事件的预告，如庆典、会议、运动会等，为人们提供清晰...
JavaScript电子时钟倒计时
01-19
本文实例讲解了JavaScript电子时钟倒计时的详细代码，分享给大家供大家参考，具体内容如下 JavaScript时间类 1、获取时分秒：  getHours()  getMinutes();  getSeconds(); 2、获取年月日：  getFullYear();  ...
js简单实现倒计时效果
m0_57426442的博客
04-01 2829
css简单实现了一下上方样式 先说一下时间戳 -->距离1970年1月1日00时00分00秒 到现在的毫秒数 将来的时间 - 就现在的时间 = 剩余的时间 剩余时间毫秒数 转换为 剩余时间的 年月日时分秒 就是倒计时 比如 将来时间戳 2000ms - 现在的时间戳 10000ms = 10000ms 1000ms转换为就是0小时0分1秒 获取时间戳有三种方法 geiTime() 简写 +new Date() Date.now() 在这里我用new......
jquery精确到年月日秒的动态倒计时插件downCount.js下载地址.zip
07-05
jquery精确到年月日秒的动态倒计时插件downCount.js下载地址
js简单倒计时功能（天、时、分、秒）
weixin_45792701的博客
06-23 3187
js倒计时 运行结果：
js实现时间倒计时
wqy18378671261的博客
06-20 574
代码如下： <div id="time"></div> <div id="box"></div> <script src="../JS/jquery-3.3.1.min.js"></script> <script> // 当前时间 setInterval(function(){ // 声明时间 var time=ne.
js获取当前时间和倒计时
hb13141029的博客
08-18 1628
function timetrans(date) {// 格式化日期 { var date = new Date(date); var YY = date.getFullYear() + '-'; var MM = (date.getMonth() + 1 &lt; 10 ? '...
js 倒计时功能，获取当前时间的年月日，时分秒
weixin_30477293的博客
12-28 680
一、实现当前时间到指定截止时间的倒计时功能 <html> <head> <title>TEST</title> </head> <body> <script> //获取当前时间距离截止时间的倒计时 ...
JS实现简单的时分秒倒计时代码
热门推荐
u014068602的博客
11-16 3万+
js简单时分秒倒计时 function countTime() { //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var endDate = new Date("20
使用js在页面增加倒计时功能和显示年月日星期
registerIn1030的博客
11-02 978
//以下是年月日星期显示 tmpDate=new Date(); date=tmpDate.getDate(); month=tmpDate.getMonth()+1; year=tmpDate.getYear(); document.write("当前时间："+year); document.write("年"); document.wri
JS 时间倒计时
learnTech的专栏
04-11 2405
var myDate = new Date();     myDate.getYear();        //获取当前年份(2位)     myDate.getFullYear();    //获取完整的年份(4位,1970-????)     myDate.getMonth();       //获取当前月份(0-11,0代表1月)     myDate.getDate();
JS倒计时——天时分秒
weixin_30399821的博客
10-31 194
HTML代码： <div id="times_wrap" class="time_num"> 距离结束时间： <div class="time_w"> <b id="times_d" class="time"> </b>天 <b id="times_h" class...
倒计时时钟 使用1602显示当前年月日
最新发布
06-13
接下来，您可以使用DS1302库和LiquidCrystal库来编写代码，以读取当前的年月日并将其显示在1602液晶屏上。以下是一个简单的示例代码： ``` #include #include // 定义 DS1302 时钟模块的引脚 const int RTC_SCLK...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值