Date对象/js基础倒计时

最新推荐文章于 2022-09-30 14:49:12 发布
最新推荐文章于 2022-09-30 14:49:12 发布
阅读量193 收藏
点赞数 1
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_68843146/article/details/124970355
版权

js倒计时 原理：两个时间的总毫秒数（时间戳）相减、然后再用数学方法将毫秒数转化为天数、小时数、分数、秒数甚至转化为月数、年数；以一定的格式输出剩余的时间。

实现思路： 根据日期对象获取现在的总毫秒数（var date5 = +new Date()）以及截至时间的总毫秒数（var date4 = +new Date(time)） 毫秒数相减获得差、用数学上的换算方法将毫秒数的差转化为一般见到的时间 其中获取总的毫秒数是从1970年1月1日到一个时间的毫秒数

 

 

获取毫秒数的方法有四种：getTime（）、ValueOf（）、在创建对象时在new前加一个“+”、直接写Date.now() 这四种方法都是：未给任何常数时返回的都是当前的毫秒数

 

 

烟海亚光
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js实现页面的多个日期时间倒计时效果（多个拼团）
08-12
js的日期倒计时在日常项目中还是比较常用的，活动、拼团功能最为常见； 先分析最要是处理好日期函数，然后一个页面上有多个倒计时情况下的方法；
js通过Date对象实现倒计时动画效果
11-29
js通过Date对象实现倒计时效果，具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>倒计时动画</title> <style> div{ text-align...
js 倒计时-两个时间段倒计时
weixin_44446223的博客
01-15 909
业务需求：分别在规定的两个时间段内进行 抢券倒计时 例如：时间一： 2020-01-16 00:00:00 开始抢券，2020-01-16 23:59:59 結束抢券 时间二： 2020-01-17 12::00:00 开始抢券 2020-01-17 23:59:59 結束抢券 html <p class="time"></p> Js let clearFirstTime...
【JavaScript-27】js的内置对象Date，获取当前时间戳，倒计时案例（附最后）
前端代码小白的日常博客
09-30 459
/延时器中的函数不要加括号，加括号是一个执行完的函数。//获得的时间戳直接传到Date()中即可。变量.getFullYear();//换算成小时对小时取余，剩余多长时间。变量.getMinutes();变量.getSeconds();变量.getMonth();变量.getHours();变量.getDate();将传回的时间转化成年月日周等。变量.getDay();//获取当前时间的时间戳。//获取目标时间的时间戳。//获取特定的的时间戳。//将时间戳转化为时间。//求出它们的时间差。
利用Date对象-倒计时案例
Yjx的博客
12-12 274
思路： 1. 活动开始时间减去当前时间 2. 利用时间戳 3. 减去之后 时间戳转换为当前 天时分秒 function downTime(time) { // 获取活动时间的时间戳 var startTime = +new Date(time); // 获取当前时间的时间戳 var currentTime = +new Date(); // 活动时间戳 - 当前时间戳 = 总的毫秒数（需转换为秒.
2个时间之间的倒计时
weixin_47164415的博客
09-19 332
//获取2个时间倒计时天时分 function timediff(begintime,begin_time,begint​ime,end_time) { if(begintime>=begin_time>=begint​ime>=end_time){ return ‘0分钟’; } if($begin_time < $end_time){ $starttime = $begin_time; $endtime = $end_time; }else{ $starttime = $end_
js实现倒计时及时间对象
11-28
在本例中，我们探讨了如何使用JS实现倒计时功能以及如何操作时间对象。 首先，创建一个HTML页面，定义一个id为"box"的div元素，用于显示倒计时信息。CSS样式用于设置其外观，黑色背景，白色文字，居中对齐，字体...
JavaScript利用Date实现简单的倒计时实例
10-20
在本文中，我们将重点讨论如何利用Date对象实现一个简单的倒计时功能，以及在倒计时结束后使按钮变为可点击状态。 首先，我们需要了解Date对象的基本用法。创建一个新的Date对象通常是通过`new Date()`来完成的，这...
[js倒计时]指定对应时间自动倒计时
分享互联网的有趣知识~
03-19 2137
距离周一 8：30 剩下 xx:xx：xx 定时器 利用js设置一个时间倒计时标识牌，设计原理：将指定时间减掉当前时间，获得时间差，在利用数学方法分别获取指定的时、分、秒；使用定时器指定时间自动刷新。 步骤： 1：使用new Date()获取当前时间和指定的结束时间。 2：获取指定结束时间的时间戳，分别转换为小时、分钟数、描述；使用%运算，得到指定时间的时分秒后，用指定时间减去当前时间，获得他们之间的时间差，时间戳是有小数显示的，避免小数相加使结果偏差，此处用.floor向下取整； 3：Math.
js 实现两时间相减倒计时
luchao1976的专栏
03-25 3303
这里会被替换成例如：**天**小时**分钟**秒       startclock()     var timerID = null;     var timerRunning = false;       function show_time()       {           var time_end = new Date(1459505099);          
计算两个时间点的差，以倒计时形式呈现
12-19
最近做的商城项目要做一个倒计时抢购界面，用到时间差功能，网上借鉴了一部分再自己修改了一下，希望对你们有用。
js 计算出 两个时间戳之间的间隔时间，再将间隔时间倒计时
hejie2018的博客
06-02 1692
JavaScript 获取当前时间戳： 第一种方法： var timestamp = Date.parse(new Date()); 结果：1280977330000第二种方法： var timestamp = (new Date()).valueOf(); 结果：1280977330748 第三种方法： var timestamp=new Date().getTime()； 结果：1280977330748 第四种方法： Date.now(); 方法返回自1970年1月1日 00...
HTML：用JSDate对象做一个简易时钟
kingboss05的博客
05-21 431
利用JSDate对象写一个简易时钟
JS倒计时算法
qq_55227591的博客
01-28 3018
JS倒计时
js实现倒计时的三个小案例
周五星的博客
04-13 2441
实现倒计时的小案例 只显示倒计时 <!DOCTYPE HTML> <html> <head> <title>实现倒计时</title> </head> <body> <div id="timer" style="color:red; font-weight:bold;">倒计时马上开始……&l...
如何用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);
JavaScript 实现使用时间差来转换倒计时效果。
景上 的博客
07-03 2378
使用JavaScript技术，实现使用时间差来转换倒计时效果。<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>研究生考试时间</title> <script language="javascript" type="text/javasc
JS制作倒计时--计算两个时间点的时间差
九天翔龙的技术博客
01-22 2101
计算当前时间和一个指定时间点的时间差，是很常见的一个特效。 比如： 一些电商网站的倒计时秒杀。 高考倒计时 这些效果用 JavaScript 来实现，简直易如反掌。 主要用到的知识点： 时间对象：获取当前时间 时间对象：设定指定的时间点 时间对象的 getTime() 方法：获取指定时间距离1970 年 1 月 1 日0点0分之间的毫秒数。很明显，这个数据很大，但是没关系，Ja...
为了掌握定时器和Date对象创建一个倒计时页面利用倒计时，每100毫秒变化一次倒计时
最新发布
06-12
2. 在 JavaScript 中使用 Date 对象获取当前时间和目标时间，并计算出两者之间的时间差。 3. 使用 setInterval 方法每隔 100 毫秒更新倒计时页面，直到时间差为 0。 下面是参考代码： HTML 页面： ```html ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值