js倒计时

最新推荐文章于 2023-12-25 11:55:05 发布
最新推荐文章于 2023-12-25 11:55:05 发布
阅读量414 收藏
点赞数
分类专栏： web前端
  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=utf-8" />
  5.  <title>JS时间倒计时</title>
  6.  <script type="text/javascript">
  9.  var time_now_server,time_now_client,time_end,time_server_client,timerID;
  10.  
  11.  //结束时间
  12. time_end=new Date("2014/10/31 09:00:00");
  13. time_end=time_end.getTime();
  14.  //开始的时间:如果不填入时间日期默认为当前的日期时间
  15. time_now_server=new Date;
  16. time_now_server=time_now_server.getTime();
  17.  
  18. time_now_client=new Date();
  19. time_now_client=time_now_client.getTime();
  20.  
  21. time_server_client=time_now_server-time_now_client;
  22.  
  23. setTimeout("show_time()",1000);
  24.  
  26.  //显示时间函数
  27.  function show_time()
  28.  {
  29.  var timer = document.getElementById("timer");
  30.  if(!timer){
  31.  return ;
  32.  }
  33.  timer.innerHTML =time_server_client;
  34.  
  35.  var time_now,time_distance,str_time;
  36.  var int_day,int_hour,int_minute,int_second;
  37.  var time_now=new Date();
  38.  time_now=time_now.getTime()+time_server_client;
  39.  time_distance=time_end-time_now;
  40.  if(time_distance>0)
  41.  {
  42.     int_day=Math.floor(time_distance/86400000)
  43.     time_distance-=int_day*86400000;
  44.     int_hour=Math.floor(time_distance/3600000)
  45.     time_distance-=int_hour*3600000;
  46.     int_minute=Math.floor(time_distance/60000)
  47.     time_distance-=int_minute*60000;
  48.     int_second=Math.floor(time_distance/1000)
  49.    
  50.     if(int_hour<10){
  51.       int_hour="0"+int_hour;
  52.     }
  53.     if(int_minute<10){
  54.       int_minute="0"+int_minute;
  55.     }
  56.     if(int_second<10){
  57.       int_second="0"+int_second;
  58.     }
  59.    
  60.   str_time=int_day+"天"+int_hour+"小时"+int_minute+"分钟"+int_second+"秒";
  61.   timer.innerHTML=str_time;
  62.   setTimeout("show_time()",1000);
  64.  }
  65.  else
  66.  {
  68.   timer.innerHTML =timer.innerHTML;
  69.   clearTimeout(timerID)
  70.   window.location.href="http://www.baidu.com";
  71.  }
  72.  }
  73.  </script>
  74.  </head>
  75.  
  76.  <body>
  77.  <div id="timer" style="font-size:5em; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; "></div>
  79.  <div id="yu" style="font-size:5em; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; "></div>
  80.  </body>
  81.  </html>
SeoDD
关注
专栏目录
JavaScript倒计时牌
Han_Zhou_Z的博客
12-06 385
案例：距离2020元旦还有多少天多少小时多少分钟多少秒 <style> div{ width: 400px; margin: 100px auto; font-size: 25px; color: #316316; } </style> <body> <div></div> <script> function showTi
js倒计时算法
fine1998_的博客
06-01 1128
目录一、Data对象二、时间戳三、封装倒计时函数 Data对象是js的内置对象，它本质上是一个构造函数，表示时间这一大类，包括年月日时分秒等。起始时间：1970年1月1日。Date对象包括的方法： 作用：获取Date对象距离1970年1月1日的总毫秒数。获取方法： 结果： 结果： 注意：函数封装的参数应给Date对象，才能获得完整的时间戳。
email-countdown-timer:动画倒计时计时器，可在电子邮件中使用
05-25
电子邮件倒数计时器 创建动画倒计时计时器，以在HTML电子邮件中使用 入门 将文件上传到服务器 用法 在浏览器中导航到脚本，然后在querystring参数time添加要倒数的time 。 例如http://[server-address]/countdown.php?time=2016-12-25+00:00:01 。 要将倒数计时器包括在HTML电子邮件中，您只需要创建一个图像标签，然后在src中将其设置为浏览器地址即可。 注意：Outlook不支持动态gif，因此将显示第一帧。 设定值 可以自定义倒数计时器以适合您的风格。 可以使用查询字符串参数修改以下内容。 时间 宽度 高度 boxColor 字形 字体颜色 字体大小 xOffset y偏移 labelOffsets 例如http://[server-address]/countdown.php?time=2016-12
js 倒计时
初心
09-22 572
【代码】js 倒计时。
js倒计时(js倒计时5秒)
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
12-10 1592
倒计时69天！大家倒计时多少天了？ 我是倒计时90天了,很享受宝宝每天胎动的时间 什么是倒计时载入页面的JS代码？ diffSecs = timeDiff/1000; //因为时间以毫秒为单位 return(this。diffSecs); //返回间隔秒数} function getSecs() { va...
JS 倒计时15分钟
weixin_42941628的博客
12-25 649
【代码】JS 倒计时15分钟。
js倒计时js倒计时
lipengaccp的博客
06-07 353
js倒计时
js倒计时代码最简单的
爱编程的鱼的博客
11-24 2262
【代码】js倒计时代码最简单的。
js倒计时效果
m0_51614469的博客
08-03 644
js倒计时效果 定时器 setInterval
javascript 倒计时代码
12-10
JavaScript倒计时代码是用于实现特定时间点前的动态时间显示功能，常见于网页上的活动预告、考试倒计时或新年倒计时等场景。它通过JavaScript语言来计算当前时间与目标时间之间的差距，并实时更新这个差值。下面将...
JS倒计时实例_天时分秒
10-19
本篇文档主要介绍了如何使用JavaScript编写一个倒计时功能，它能够显示从当前时间到未来某一个预设时间点的剩余天数、小时数、分钟数和秒数。下面将详细解释文档中涉及到的相关知识点。 首先，文档提到了HTML代码，...
JS倒计时_javascript倒计时
02-17
JS倒计时
带铃声报警音乐js倒计时
06-24
【标题】"带铃声报警音乐js倒计时"是一个基于JavaScript实现的倒计时功能，它具有一个独特的特点：当倒计时结束时，会播放预设的报警铃声音效，为用户提供一种视觉和听觉上的提示。这种功能常用于网站、网页应用或者...
Javascript倒计时代码
10-28
### JavaScript倒计时功能解析与实现 #### 一、引言 在Web开发中，倒计时功能是非常常见的一种需求，比如活动倒计时、定时提醒等场景。本文将详细介绍一个经过改进的JavaScript倒计时代码，该代码通过分析原有脚本...
js倒计时读秒
老实敲代码，佛只渡有缘人
08-23 713
前端实现点击倒计时获取验证码
vue3+springboot高校学生评教系统[编号：CS_82037](1)源码数据库.zip
09-23
本文介绍了使用SpringBoot作为后端框架，Vue作为前端框架，MyBatis-Plus进行持久层开 。详细描述了系统测试的目的、功能测试案例，包括登录验证和用户管理，以及数据库设计。 前端：vue3 开发工具：IDEA 或者eclipse都支持 编程语言: java 框架：springboot/ssm都支持 jdk版本:jdk1.8以上均可 数据库: mysql 版本不限 数据库工具：Navicat/SQLyog都可以
ASP源码：大家帮网精品装修招标门户网站程序网站源码，网站系统模板源码73.rar
最新发布
09-23
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（随意编程），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助 【资源内容】：项目具体内容可查看/点击本页面下方的*资源详情*，包含完整源码+工程文件+说明（若有）等。【若无VIP，此资源可私信获取】 【本人专注IT领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为您提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【适合场景】：相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担 2. 部分字体及插图等来自网络，若是侵权请联系删除，本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于整理和收集资料耗费时间的酬劳 3. 积分资源不提供使用问题指导/解答
变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图消防泵,喷淋泵电控原理图
09-23
变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图消防泵,喷淋泵电控原理图
自定义JS倒计时实现
这个JS倒计时代码是一个基础但实用的例子，它展示了JavaScript如何处理时间、递归、闭包以及与DOM交互的基本技巧。在实际项目中，可能需要根据需求进行扩展，比如添加时区支持、处理闰秒、增加用户友好的界面反馈等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值