//倒计时

const dateTime = () => {

const event = new Date("02 01, 2022 00:00:00");

event.setMonth(01);

event.setHours(00);

event.setMinutes(00);

event.setSeconds(00);

setInterval(() => {

const nowTime = new Date().getTime();

const middleTime = event - nowTime;

const middleTime_day = parseInt(middleTime / 1000 / 86400); //获得剩余天数

const middleTime_hours = parseInt(((middleTime / 1000) % 86400) / 3600); //获得剩余小时

const middleTime_minutes = parseInt(

(((middleTime / 1000) % 86400) % 3600) / 60

); //获得剩余多少分钟

const middleTime_seconds =

(parseInt((middleTime / 1000) % 86400) % 3600) % 60; //获得剩余多少秒

const data =

"距离春节还有:" +

middleTime_day +

"天" +

(middleTime_hours < 10

? `0${middleTime_hours}` + "时"

: middleTime_hours + "时") +

(middleTime_minutes < 10

? `0${middleTime_minutes}` + "分"

: middleTime_minutes + "分") +

(middleTime_seconds < 10

? `0${middleTime_seconds}` + "秒"

: middleTime_seconds + "秒");

console.log(data);

}, 1000);

};

dateTime();

一个简单的2022春节倒计时相关推荐

  1. 距离2022年春节还有多少天?2022年春节倒计时天数在手机便签上设置

    2022年的元旦很快就要到来了,不过大多数人期待的是下一个节日,这就是农历的春节.因为这时候上班族.学生们都要放假,回家和亲人团聚,一起共度春节,热热闹闹迎新年.那么2022年农历的春节是几月几日呢? ...

  2. 制作一个简单的倒计时动画

    今天我使用Android Studio制作了一个简单的倒计时动画,算是练习一下属性动画的使用吧,先看一个效果吧,点击播放倒计时动画按钮后可以播放倒计时动画 实现方式: 第一步:使用Android St ...

  3. 2022 新年春节倒计时微信小程序源码

    马上也到2023年兔年了 增加一下喜庆,其实这种小程序还是有流量的 每天看一看倒计时,数着过年 另外还有一个简单的绘画功能

  4. 2023兔年新年春节倒计时微信小程序源码

    简介: 马上也到2023年兔年了 给大家分享一个春节倒计时的小程序 增加一下喜庆,其实这种小程序还是有流量的 每天看一看倒计时,数着过年 另外还有一个简单的绘画功能 下方是小编的测试演示图! http ...

  5. Html+Css+js实现春节倒计时效果(移动端和PC端)

    目录 前言 导语 效果预览 html部分 移动端样式(mobile.css) pc端样式(style.css) js部分 效果演示 移动端 pc端 总结 下载地址 前言 我是歌谣 我有个兄弟 巅峰的时 ...

  6. 【JS 逆向百例】吾爱破解2022春节解题领红包之番外篇 Web 中级题解

    关注微信公众号:K哥爬虫,持续分享爬虫进阶.JS/安卓逆向等技术干货! 逆向目标 本次逆向的目标来源于吾爱破解 2022 春节解题领红包之番外篇 Web 中级题,吾爱破解每年都会有派送红包活动(送吾爱 ...

  7. 2023兔年春节倒计时小程序源码

    源码简介: 马上到2023年兔年了 站长给大家分享一个春节倒计时的小程序 增加一下喜庆,其实这种小程序还是有流量的 每天看一看倒计时,数着过年 另外还有一个简单的绘画功能 源码截图:

  8. Python爬取2022春节档电影信息

    Python爬取2022春节档电影信息 前提条件 相关介绍 实验环境 具体步骤 确定目标网站 分析网站 按F12打开浏览器操作台 按Ctrl+Shift+C快捷键,用鼠标找到目标元素 按Ctrl+F快 ...

  9. SysTick定时器的一个简单应用

    SysTick即为系统定时器,又称嘀嗒定时器,是Cortex-M3内核的一个外设,集成在NVIC中.SysTick是一个24bit的向下递减的计数器,每计数一次的时间为1/SYSCLK(SYSCLK一 ...

最新文章

  1. tornado 异步两种实现形式 通过回调可以利用
  2. ASP.NET 网站路径[转载]
  3. 在使用Asp.net制作网站的时候遇到的问题(二)
  4. 【事件流】浅谈事件冒泡事件捕获------【巷子】
  5. html5 下拉刷新(pc+移动网页源码)
  6. outlook可以显示多少行文本_Linux学习从处理文本开始
  7. java位运算和字节编码(一)
  8. python时间str转datetime_深入了解Python中的小知识
  9. 由树的定义和递归想到的
  10. 【优化求解】基于matlab粒子群与遗传算法混合算法求解切削参数优化问题(以成本和碳排放量为目标函数)【含Matlab源码 1619期】
  11. matlab仿真ppt,Matlab系列之Simulink仿真教程.ppt
  12. mb778cn 计算机故障或繁忙,松下 KX-MB778CN驱动
  13. 相对比性能稳定速度快的香港服务器有哪些
  14. 山经·南山经:猨翼山 [yuán yì shān]
  15. Proteus仿真-步进电机
  16. SpringBoot启动代表出现Process finished with exit code 0
  17. 学习方法--找书,背书,利器
  18. 深开鸿携手深业健康、家具协会打造智慧康养新模式,推动行业新标建设
  19. android 获得ram大小,Android中获取(RAM)总运存大小和可用运存大小
  20. C#上位机开发串口通信编程——倒计时器开发

热门文章

  1. iOS 时间比较大小
  2. 【Python】difflib 文本比较,差异对比库
  3. 部门年度工作与汇报总结ppt模板免费下载
  4. 如何在Lattice CPLD XO2系列器件中执行TransFR(透明传输)操作?
  5. cas server的使用
  6. 《MySQL 8从入门到精通(视频教学版)》免费送教学视频
  7. 目前还存活的多个电驴下载站点
  8. 常用的iOS第三方框架
  9. 计算机专业博士推荐信模板,计算机推荐信模板
  10. 产品助理实习day1