JS倒计时：从某个固定时间开始倒记

最新推荐文章于 2024-05-22 01:53:01 发布
最新推荐文章于 2024-05-22 01:53:01 发布
阅读量3.7k 收藏
点赞数
分类专栏： JAVASCRIPT 文章标签： JS倒计时从某个固定时间开始倒记

JS倒计时：从某个固定时间开始倒记


  分类：
[html]  view plain  copy
 print ?
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>JS时间倒计时</title>  
  6. <script type="text/javascript">  
  7. var time_now_server,time_now_client,time_end,time_server_client,timerID;  
  8.    
  9. time_end=new Date("2010/10/4 11:10:1");//结束的时间  
  10. time_end=time_end.getTime();  
  11.    
  12. time_now_server=new Date("2010/10/04 10:10:1");//开始的时间  
  13. time_now_server=time_now_server.getTime();  
  14.    
  15. time_now_client=new Date();  
  16. time_now_client=time_now_client.getTime();  
  17.    
  18. time_server_client=time_now_server-time_now_client;  
  19.    
  20. setTimeout("show_time()",1000);  
  21.    
  22. function show_time()  
  23. {  
  24.  var timer = document.getElementById("timer");  
  25.  if(!timer){  
  26.  return ;  
  27.  }  
  28.  timer.innerHTML =time_server_client;  
  29.    
  30.  var time_now,time_distance,str_time;  
  31.  var int_day,int_hour,int_minute,int_second;  
  32.  var time_now=new Date();  
  33.  time_now=time_now.getTime()+time_server_client;  
  34.  time_distance=time_end-time_now;  
  35.  if(time_distance>0)  
  36.  {  
  37.   int_day=Math.floor(time_distance/86400000)  
  38.   time_distance-=int_day*86400000;  
  39.   int_hour=Math.floor(time_distance/3600000)  
  40.   time_distance-=int_hour*3600000;  
  41.   int_minute=Math.floor(time_distance/60000)  
  42.   time_distance-=int_minute*60000;  
  43.   int_second=Math.floor(time_distance/1000)  
  44.    
  45.   if(int_hour<10)  
  46.    int_hour="0"+int_hour;  
  47.   if(int_minute<10)  
  48.    int_minute="0"+int_minute;  
  49.   if(int_second<10)  
  50.    int_second="0"+int_second;  
  51.   str_time=int_day+"天"+int_hour+"小时"+int_minute+"分钟"+int_second+"秒";  
  52.   timer.innerHTML=str_time;  
  53.   setTimeout("show_time()",1000);  
  54.  }  
  55.  else  
  56.  {  
  57.   timer.innerHTML =timer.innerHTML;  
  58.   clearTimeout(timerID)  
  59.  }  
  60. }  
  61. </script>  
  62. </head>  
  63.    
  64. <body>  
  65. <div id="timer">这里会被替换成例如：**天**小时**分钟**秒</div>  
  66. </body>  
  67. </html>  
bestlove13141516
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
10分钟倒计时JS
04-09
脚本开发：本脚本利用原生js实现时间倒计时，为动态实现，可根据自己的需求来设置时间，从而达到自己想要的效果。有疑问请留言，谢谢！
时间倒计时
12-04
第二种倒计时代码是针对某个特定事件（比如“某某运动会”）的，它设定了一个固定的截止日期（2007年8月13日），并计算了当前时间与截止日期之间的差值。这个代码使用了`DigitalTime1()`函数来实现倒计时，它获取了...
Javascript实现倒计时和根据某时间开始计算时间
Marhal的博客
03-07 2170
1、根据某时间计算经过了多长时间 JavaScript 代码 <script type="text/javascript"> var time_start = new Date('2018','7','15');//开始时间，注意！！！如果从8月15开始，月份就是7月15 var clock_start = time_start.getTime(...
js 倒计时器（保姆级教程）
最新发布
m0_66729991的博客
05-22 680
utils文件夹中创建index.js 文件。2. main.js 挂载全局。1. 倒计时器封装的方法。
js 倒计时 php,JS如何实现分钟倒计时（十分钟倒计时实例）
weixin_27419879的博客
03-09 997
工作中经常需要在页面中设置倒计时，那你知道JS如何实现分钟倒计时吗？这篇文章和大家分享一个JS十分钟倒计时代码,非常简单实用，感兴趣的朋友可以看看。编写JS倒计时代码需要用到很多JavaScript知识，比如：if函数，Math.floor，定时器setInterval等等，如有不清楚的小伙伴可以参考PHP中文网的相关文章，或者访问 JavaScript视频教程。举例：10分钟考试倒计时，当时间仅...
固定时间倒计时
weixin_30480651的博客
08-29 468
我所说的这个固定时间是每天晚上20:45，然后根据这个20：45设置倒计时。 下面贴代码 HTML代码 <p class="radio_right">距离销售还剩余<span id="t_h"></span><span id="t_m"></span><span id="t_s"></span><...
djs.rar_共阳数码管_分钟倒计时_单片机倒计时
09-23
在这个案例中，我们有一个3位的倒计时，可以显示从000到999分钟的值，但限制为5分钟，意味着程序会从5分钟开始递减到0。倒计时的实现通常涉及到定时器中断，每当定时器溢出，就减去一个固定的时间单位，如1秒，然后...
春节倒计时
01-19
在IT行业中，倒计时是一种常见的功能，尤其在节假日或者特定事件来临之际，它能帮助用户直观地了解距离某个时间点还有多长时间。本项目名为"春节倒计时"，显然是一个面向中国用户，用于计算距离春节还有多少时间的...
js倒计时效果
01-10
3. **倒计时逻辑处理**：`DownCount`函数负责遍历所有倒计时事件，对比当前时间和每个事件的结束时间，如果某个事件已过期，则显示为“00小时00分00秒”，否则计算并更新剩余时间。 4. **时间转换与格式化**：`time...
jQuery 倒计时 设置几天、小时、分钟、秒等属性只需修改到期时间-20130724
04-21
标题中的“jQuery倒计时”指的是使用jQuery库来实现一种计时功能，它通常用于网站上显示距离某个特定日期或时间的剩余时间。这个特定的示例“设置几天、小时、分钟、秒等属性只需修改到期时间-20130724”意味着...
javascript十秒倒计时跳转页面
12-29
自学了javascript，第一次自己写的一个十秒倒计时的调整页面。。
js倒计时，可设置开始结束时间
11-01
可设置开始时间，结束时间，可按照服务器时间计算，可循环使用。
倒计时JS源码 10分钟倒计时【可任意修改】
11-24
倒计时JS源码 10分钟倒计时【可任意修改】 请支持原创！
js实现指定时间倒计时效果
10-16
主要为大家详细介绍了js实现指定时间倒计时效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JS小案例--关于时间--十分钟倒计时
javasvince的博客
03-18 2335
JS小案例–关于时间–十分钟倒计时 界面和实现功能 功能：emmmmmm就是倒计时 用到的知识点 Math.floor()：根据“floor”的字面意思“地板”去理解； 里面的数都往小了取整数 （看到的特别容易理解）例如： Math.floor(11.46)=Math.floor(11.68)=Math.floor(11.5)=11 Math.floor(-11.46)=Math.floor...
按着北京-时间/手机-时间 每10分钟开始一次倒计时
sx2358的博客
02-07 2282
android 指定时间段 倒计时 获取时间 实现请购倒计时 等 都可以用
如何写一个js指定时间倒计时
主要领域：前端开发
08-01 4351
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计时</title> </head> <body> <div style="d...
指定日期倒计时
syksdl的专栏
01-18 444
时间倒计时，即输入一个时间，输出该时间距离当前多久，并实时刷新。
Python实现新年倒计时：从秒到天的实时更新
本篇代码是用Python实现的一个简单倒计时程序，专用于计算距离下一个元旦（春节）还有多长时间。代码利用了Python的datetime模块来处理日期和时间的计算。以下是详细的步骤和知识点解析： 1. 导入所需模块： - `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值