倒计时 天时分秒

这篇具有很好参考价值的文章主要介绍了倒计时 天时分秒。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

		shijian() {
			const EndTIME = new Date(开始时间变量); // 截止时间
			const NowTime = new Date(); // 开始时间
			const usedTime = EndTIME - NowTime; // 相差的毫秒数
			const days = Math.floor(usedTime / (24 * 3600 * 1000)); // 计算出天数
			const leavel = usedTime % (24 * 3600 * 1000); // 计算天数后剩余的时间
			const hours = Math.floor(leavel / (3600 * 1000)); // 计算剩余的小时数
			const leavel2 = leavel % (3600 * 1000); // 计算剩余小时后剩余的毫秒数
			const minutes = Math.floor(leavel2 / (60 * 1000)); // 计算剩余的分钟数
			const leavel3 = leavel2 % (60 * 1000);
			const seconds = Math.round(leavel3 / 1000);
			this.day = days < 10 ? `0${days}` : days;
			this.hour = hours < 10 ? `0${hours}` : hours;
			this.minutes = minutes < 10 ? `0${minutes}` : minutes;
			this.second = seconds < 10 ? `0${seconds}` : seconds;
		},
				this.shijian();
				setInterval(() => {
					this.shijian();
				}, 1000);

文章来源地址https://www.toymoban.com/news/detail-723154.html

到了这里,关于倒计时 天时分秒的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JavaScript Date对象 、日期求差案例 、 购物秒杀倒计时、日历

    一、创建Date对象 var dateObj=new Date(); var now = Date.now()   当前时间 二、Date方法 1、将日期转为字符串 2、获取年、月、日、小时、分、秒 getFullYear() getMonth()      获取月份,返回值为0-11(外国人规定的),表示1月到12月,所以获取到月份之后需要+1 getDate()        获取天,返

    2024年02月05日
    浏览(50)
  • 案例:模拟京东秒杀倒计时(完整代码)【前端实现】

    目录 实现效果  案例分析 代码分析 代码实现 (完整) 背景图片引用   实现效果  案例分析  1.倒计时是不断变化的 所以需要一个定时器( setInterval )  2.三个盒子通过 innerHTML 进行赋值 放入时分秒  3.使用 Date() 对象获取当前时间(时间戳)  4.传递参数获取活动开始的时间

    2024年02月09日
    浏览(45)
  • 测试开发面试宝典,涨价倒计时

    大家好,我是洋子,相信在面试软件测试、测试开发岗位的小伙伴都深有体会,考察的知识点越来越多 不仅会考察到软件测试的理论,让你对某种功能进行测试用例的设计,更难一点会给出一个 测试场景 进行测试方案的设计,现如今有的公司在面试时,甚至还会问到接口测

    2024年02月05日
    浏览(58)
  • html web前端,点击发送验证码,按钮60秒倒计时

    html web前端,点击发送验证码,按钮60秒倒计时 eaca39b57a49d39f6c9e2f49f2559e9a.jpg

    2024年02月08日
    浏览(45)
  • 前端vue uni-app cc-countdown倒计时组件

    随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单

    2024年02月15日
    浏览(50)
  • arm学习stm32之spi总线数码管倒计时,裸机开发,soc

    由于时间没有用时间计时器操作,有些误差,后续有空会翻新计时器版本 main.c spi.c spi.h

    2024年02月16日
    浏览(43)
  • 蓝桥杯倒计时 | 倒计时4天

    作者🕵️‍♂️:让机器理解语言か 专栏🎇:蓝桥杯倒计时冲刺 描述🎨:蓝桥杯冲刺阶段,一定要沉住气,一步一个脚印,胜利就在前方! 寄语💓:🐾没有白走的路,每一步都算数!🐾 题目描述 我们要求找出具有下列性质数的个数(包含输入的自然数 n): 先输入一个自

    2023年04月09日
    浏览(45)
  • 51单片机实现倒计时,按键控制倒计时

    基于AT89C52的答辩倒计时。四个按键分别控制倒计时开始,暂停,时间加和减。剩下30S时蜂鸣器响,倒计时结束蜂鸣器响。  

    2024年02月07日
    浏览(53)
  • 分析 vant4 源码,学会用 vue3 + ts 开发毫秒级渲染的倒计时组件,真是妙啊

    2022年11月23日首发于掘金,现在同步到公众号。 11. 前言 大家好,我是若川。推荐点右上方蓝字若川视野把我的公众号 设为星标 。我倾力持续组织了一年多源码共读,感兴趣的可以加我微信 lxchuan12 参与。另外,想学源码,极力推荐关注我写的专栏《学习源码整体架构系列》

    2024年02月05日
    浏览(88)
  • Flutter实现倒计时功能,秒数转时分秒,然后倒计时

    Flutter实现倒计时功能 发布时间:2023/05/12 本文实例为大家分享了Flutter实现倒计时功能的具体代码,供大家参考,具体内容如下 有一个需求,需要在页面进行显示倒计时,倒计时结束后,做相应的逻辑处理。 实现思路:在Flutter中,Timer.periodic提供了循环功能,查看函数定义:

    2024年02月13日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包