倒计时：日期对象.getTime()；获取当前时间戳

最新推荐文章于 2024-07-21 17:58:14 发布
最新推荐文章于 2024-07-21 17:58:14 发布
阅读量217 收藏
点赞数 3
分类专栏： 前端基础 文章标签： html javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64455070/article/details/139507729
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<h1></h1>
	<script type="text/javascript">
	// 现在到 2024-12-17的 倒计时
	let timer = setInterval(function (){
		let sta = new Date().getTime(); 
		// 获取当前的时间戳
		let end = new Date('2024-12-17 00:00:00').getTime();
		// 获取2024 年12月的时间戳
		let and = end-sta; //时间差
		if(and >=0){
			let d = Math.floor(and/1000/60/60/24); //得到天数
			let h = Math.floor(and/1000/60/60%24); //得到小时数
			let m = Math.floor(and/1000/60%60); // 得到分钟
			let s = Math.floor(and/1000%60); //得到秒
			document.querySelector("h1").innerText = `${d}天 ${h}小时 ${m}分 ${s}秒`
		}else{
			clearInterval(timer);
		}
	},1000)
	</script>
</body>
</html>

咔咔库奇
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery时间戳转换倒计时代码
06-24
在JavaScript中，`Date.now()`或`(new Date()).getTime()`方法可以获取当前时间的时间戳。 要将时间戳转换为可读的日期格式，可以使用`Date`对象。例如： ```javascript function timestampToDate(timestamp) { ...
倒计时插件-jquery.zip
05-20
倒计时计算涉及日期对象的处理，例如`Date`对象的`getTime()`方法用于获取当前时间戳，然后与目标日期的时间戳进行比较，计算出剩余时间。 在JavaScript中，时间处理可能涉及到`Date.prototype.getTimezoneOffset()...
获取日期的时间戳问题、前端倒计时不准问题
感恩、奋进、自信
11-29 1815
获取日期的时间戳问题、前端倒计时不准问题 1、获取日期的时间戳问题：new Date(date).getTime()，用该方法来获取时间戳，在ios中返回NaN，安卓机正常 原因：date = ’2020-09-09 12:00‘，在ios中，时间不能用‘-’分割，应该用/，即应该用“2020/09/09 12:00”，否则会报下 面的错误：Cannot assign to read only property 'exports' of object '#<Object>' 因此在调用new
【JavaScript-27】js的内置对象Date，获取当前时间戳，倒计时案例（附最后）
前端代码小白的日常博客
09-30 461
/延时器中的函数不要加括号，加括号是一个执行完的函数。//获得的时间戳直接传到Date()中即可。变量.getFullYear();//换算成小时对小时取余，剩余多长时间。变量.getMinutes();变量.getSeconds();变量.getMonth();变量.getHours();变量.getDate();将传回的时间转化成年月日周等。变量.getDay();//获取当前时间的时间戳。//获取目标时间的时间戳。//获取特定的的时间戳。//将时间戳转化为时间。//求出它们的时间差。
日期时间与时间戳相互转换，以及倒计时函数
weixin_42080056的博客
11-08 1301
日期时间与时间戳相互转换，以及倒计时函数
时间戳转日期和日期转时间及时间戳倒计时
coldriversnow的专栏
12-10 381
时间戳和日期互相转换在开发时经常用到，简单整理如下： //时间戳转日期 function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1)
js获取当前时间、获取当前时间戳、时间与时间戳互转。
热门推荐
工作是水，生活是酒，水会决定酒的品质，但生活要过得像酒一样，不能像水一样没有味道
05-31 4万+
1、 JavaScript 获取当前时间戳： 第一种： var timestamp = Date.parse(new Date()); console.log(timestamp); // 1622427159000 第二种： var timestamp = (new Date()).valueOf(); console.log(timestamp); // 1622427218359 第三种： new Date().getTime() ; // 1622427445085 注：第一种：获取的时间戳是
js-日期对象和时间戳
chengyu12138的博客
10-17 92
剩余时间秒数 转换为 剩余时间的 年 月 日 时 分 秒 就是 倒计时时间。将来的时间戳 - 现在的时间戳 = 剩余时间秒数。日期对象返回的数据不能直接使用，所以需要转换为实际开发中常用的格式。计算到下课还有多少时间。
汇总|C++系统计时方法以及系统时间戳获取方法
3D视觉工坊
08-14 1633
之前在帖子【T332】中分享了C++中程序计时的一些常用方法：https://t.zsxq.com/I2NZB2n，如下： 1、方法一（使用频率：常用） #include //头文件 std::chrono::steady_clock::time_point t_start = std::chrono::steady_clock::now(); //开始计时 //do something std::chrono::steady_clock::time_point t_end = std::chrono::
PHP时间戳实现倒计时,JavaScript | 时间戳实现倒计时定时器
weixin_32330765的博客
03-19 346
实现思路：通过date.setHours设置三小时后，并通过data.getTime获取三小时后的时间戳(从1970年1月1日到现在的毫秒数)，之后通过定时器每隔16毫秒调用一次enterFrame函数，此函数用于设置新的时间戳(当前时间)，并和三小时后的时间戳相减获取相差毫秒数，最后转换为小时、分钟、秒。注意，最后记得通过判断清除定时器。var targetTime,times,ids;init...
时间戳转换为 倒计时(用时)： 天时分秒
Shimeng_1989的博客
10-16 702
时间戳转换为 倒计时(用时)： 天时分秒。
nodejs如何获取时间戳与时间差
01-20
在Node.js中，获取时间戳主要有四种方法：`new Date().getTime()`、`Date.now()`、`process.uptime()`和`process.hrtime()`。每种方法都有其特定的用途和性能差异。 1. `new Date().getTime()` 和 `Date.now()`： ...
js自定义倒计时日期代码
06-24
Date对象可以用来获取当前时间，并与目标日期进行比较，定时器则负责每隔一定时间更新倒计时的显示。 1. **创建Date对象**：在JavaScript中，Date对象用于表示日期和时间。可以通过构造函数创建一个新的Date对象，...
jQuery时间戳转换倒计时代码.zip
07-05
// 使用示例：倒计时10秒 countdown(new Date().getTime() + 10000); ``` 在上述代码中，我们定义了一个名为`countdown`的函数，它接受一个目标时间戳作为参数。我们使用`setInterval`定时更新倒计时显示，直到剩余...
html--图片变化
2301_81140745的博客
07-20 410
2.点击上传图片会有变化。
黑马JavaWeb企业级开发（知识清单）01——前端介绍，HTML实现标题：排版
最新发布
apple_68589597的博客
07-21 661
本篇文章是2023年最新黑马JavaWeb企业级开发（知识清单）01：前端介绍、html实现标题格式内容的总结，帮助需要学习Web开发的朋友温故而知新。
HTML、CSS、JS浅浅浅浅浅解
lbdking的博客
07-20 569
初识Web web标准 web标准也被称为网页标准，由一系列的标准组成，大部分由W3C（World Wide Web Cnsortium，万维网联盟）负责制定。 三个组成部分 HTML:负责网页的结构（页面元素和内容）。 CSS：负责网页的表现（页面元素的外观，位置等页面样式，如：颜色、大小等）。 JavaScript：负责网页的行为（交互效果）。 HTML HTML：超文本标记语言 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片，音频，视频等内容。 标记语言：由标签构
前端学习（二）之HTML
2302_79795489的博客
07-18 949
在<input type="text" name="username" value="西瓜大侠">中，2、单选和多选：radio和checkbox（对应value为选项的值，当选中时，这个值会被提交）3、按钮：button、submit和reset（对应value为按钮上的标签文本）4、隐藏字段：hidden（对应value为隐藏在表单中的用户不可见的数值）段落格式标签：加粗b，斜体i，下划线u，删除线s，换行br，水平分割线hr。1、name：给表单控件起的名字，服务器靠这个名字来识别和获取输入的数据。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值