js 倒计时 时分秒

最新推荐文章于 2023-11-14 13:34:16 发布
最新推荐文章于 2023-11-14 13:34:16 发布
阅读量3.8k 收藏
点赞数
分类专栏： javascript

<script type="text/javascript">
var time_now_server,time_now_client,time_end,time_server_client,timerID;
time_end=new Date("2013/5/31 23:59:59");//结束的时间
time_end=time_end.getTime();

//time_now_server=new Date("2013/4/27 15:10:1");//开始的时间
time_now_server=new Date();
time_now_server=time_now_server.getTime();

time_now_client=new Date();
time_now_client=time_now_client.getTime();

time_server_client=time_now_server-time_now_client;
setTimeout("show_time()",1000);
function show_time()
{
 var timer = document.getElementById("timer");
 if(!timer){return;}
 timer.innerHTML =time_server_client;
 var time_now,time_distance,str_time;
 var int_day,int_hour,int_minute,int_second;
 var time_now=new Date();
 time_now=time_now.getTime()+time_server_client;
 time_distance=time_end-time_now;
 if(time_distance>0)
 {
  int_day=Math.floor(time_distance/86400000)
  time_distance-=int_day*86400000;
  int_hour=Math.floor(time_distance/3600000)
  time_distance-=int_hour*3600000;
  int_minute=Math.floor(time_distance/60000)
  time_distance-=int_minute*60000;
  int_second=Math.floor(time_distance/1000)
  int_hour = Math.floor(int_day*24+int_hour); 
  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;
  //str_time=int_day+"天"+int_hour+"时"+int_minute+"分"+int_second+"秒";
  str_time=int_hour+"时"+int_minute+"分"+int_second+"秒";
  timer.innerHTML=str_time;
  setTimeout("show_time()",1000);
 }
 else
 {
  timer.innerHTML =timer.innerHTML;
  clearTimeout(timerID)
 }
}
</script>

<body>

<div id="timer">**小时**分钟**秒</div>

</body>

yegengxing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS实现时分秒倒计时
m0_46101895的博客
02-27 1096
前一段有同事提到了这个，特研究出来，有注释分享给大家 //html部分 <body onload="countTime()" > <div class="all"> <p>距离2021/2/28 00:00:00还有</p> <div> <span id="_d">00</span> <span id="_h">00</span> <span id="_m"
js实现倒计时时分秒
03-29
js实现倒计时的例子
倒计时器
cloudday的专栏
06-02 555
var time_now_server,time_now_client,time_end,time_server_client,timerID;   time_end=new Date("2012/07/04 11:10:1");//结束的时间 time_end=time_end.getTime();   time_now_server=new Date("2012/
如何用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 倒计时天时分秒
berry sky
02-10 2802
var recordTime=0;     var recordInterval=setInterval(function()     {         recordTime++;          var currentDate = new Date();         var strEndTime = '2014/02/23 11:20:30';         var End
js时分秒倒计时
yuzenan的博客
09-11 391
js时分秒倒计时 var myTime = setInterval(() => { //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var endDate = new Date("2020/09/12 00:00:00"); var end = endDate.getTime(); //时间差 var dif
简单实用的js倒计时 时分秒倒计时
07-05
总的来说，JavaScript实现时分秒倒计时是一项基础但实用的技能，通过熟练掌握这一技术，开发者可以为用户提供更加直观和互动的体验。无论是简单的网页计时还是复杂的业务逻辑，理解并应用这些基础知识都是至关重要的...
js实现时分秒倒计时
10-15
接下来，我们将详细介绍如何使用js实现时分秒倒计时。 首先，倒计时功能的实现基础是时间计算。基本思路是获取当前时间，然后与预设的倒计时结束时间进行比较，计算出两者的时间差，并将这个时间差按照时、分、秒的...
vue实现天时分秒倒计时效果.rar
04-08
在Vue.js框架中实现天时分秒倒计时效果，主要涉及到组件化开发、时间处理、数据绑定以及定时器的使用。以下是对这个项目中关键知识点的详细解释： 1. **Vue.js**: Vue.js 是一个轻量级的前端JavaScript框架，它提供...
JS实现倒计时(时、分，秒)
小胡谈前
02-05 595
一、html代码                       JS实现倒计时(时、分，秒)                                         var interval = 1000;             function ShowCountDown(year, month, day, divname) {       
原生JS时分秒倒计时
03-12
原生JS时分秒倒计时，简洁易懂的公式，包括剩余天数，小时，分钟，秒，毫秒
详解JS实现简单的时分秒倒计时代码
12-09
本文实例为大家分享了JS时分秒倒计时的实现的具体代码，供大家参考，具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js简单时分秒倒计时</title> [removed] function countTime() { //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var end
用js做一个倒计时(时分秒),js中倒计时器怎么实现
wenangou的博客
11-14 5709
1.核心算法：输入的时间减去现在的时间就是剩余的时间，即倒计时 ，但是不能拿着时分秒相减，比如 02 分减去22分，结果会是负数的，所以要转换为毫秒；2.用时间戳来做，用户输入时间总的毫秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数；3.把剩余时间总的毫秒数转换为天、时、分、秒 （时间戳转换为时分秒）。利用JavaScript函数做一个简单的倒计时。
js 时间倒计时 格式 天 时 分 秒
qq_38371250的博客
06-05 607
<template> <div class="time"> {{ tipText }}<span class="styleAll" v-if="isDay === true">{{ day }}</span ><span class="timeTxt">{{ dayText }}</span ><span class="styleAll">{{ hour }}</span >&
js简单时分秒倒计时
希文Gershwin
06-16 2506
最近做浏览器界面倒计时，用js就实现，两种方式： 一：设置时长，进行倒计时。比如考试时间等等 代码如下： <html> <head> <meta charset="UTF-8"> <title>简单时长倒计时</title> <SCRIPT type="text/javascript"> var maxtime = 60 * 60; //一个小时，按秒计算，自己调整! function C
javascript倒计时天时分秒,js中倒计时器怎么实现
最新发布
chatgpt002的博客
11-14 633
采用时间戳来做，用户输入时间总的毫秒数减去现在时间总的毫秒数，得到的就是剩余时间的毫秒数。再将剩余时间的总的毫秒数转换为天、时、分、秒（将时间戳转换为时分秒）。原理：输入的时间减去现在的时间就是剩余的时间，即倒计时。注意：不能用时分秒相减，如05分减去25分，结果会是负数。天数：d=parseInt(总秒数/60/60/24);小时：h=parseInt(总秒数/60/60%24);分钟：m=parseInt(总秒数/60%60);秒数：s=parseInt(总秒数%60)；
使用js制作倒计时（含时分秒）
两只橙的博客
04-14 3508
一，倒计时（以天为单位） 二，js代码 window.onload = function() { // Math.ceil()方法执行的是向上取整计算，它返回的是大于或等于函数参数，并且与之最接近的整数 // Math.ceil(12.2)返回13 var endTime = new Date("6,14,201
倒计时器c语言,在线倒计时器
weixin_39665992的博客
05-19 1596
手机评站网今天精心准备的是《在线倒计时器》，下面是详解！如何在PPT中插入3分钟倒计时器,最后有声音。280992...如何在PPT中插入3分钟倒计时器,最后有声音。280992656@秋秋在线等，万分感谢！...如何在PPT中插入3分钟倒计时器,最后有声音。280992656@秋秋 在线等，万分感谢！如果你要在PPT里做倒计时，3分钟，做180张图片，然后设置1秒切换一下即可。然后再插入一个音乐...
vue倒计时时分秒组件
09-03
Vue倒计时时分秒组件可以通过使用Vue.js的计算属性和定时器来实现。下面是一个简单的示例： ```html <span>{{ formatTime(hours) }}: <span>{{ formatTime(minutes) }}: <span>{{ formatTime(seconds) }} ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值