位置: IT常识 - 正文

JS新年倒计时(js倒计时函数)

编辑:rootadmin
JS新年倒计时

推荐整理分享JS新年倒计时(js倒计时函数),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:JS新年倒计时代码,js倒计时结束操作,js实现倒计时60s,JS新年倒计时代码,js倒计时结束操作,js春节倒计时,js春节倒计时,JS新年倒计时代码,内容如对您有帮助,希望把文章链接给更多的朋友!

✅作者简介:热爱国学的Java后端开发者,修心和技术同步精进。 🍎个人主页:Java Fans的博客 🍊个人信条:不迁怒,不贰过。小知识,大智慧。 💞当前专栏:前端案例分享专栏 ✨特色专栏:国学周更-心性养成之路 🥭本文内容:JS新年倒计时 更多内容点击👇        JavaScript—实现手风琴画册

JS新年倒计时(js倒计时函数)

  不知不觉,2022年就进入了倒计时!十二月有太多的盼头了,平安夜,圣诞节,第一场雪,跨年倒计时,春节,当然,还有你们!那么我们离每一个日子都有多少天呢?下面我将分享一个我们中国人的传统节日——春节的倒计时吧。其他的时间,可以根据这个方法进行修改计算。

运行效果:

源码分享:

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style>div{width: 300px;height: 100px;background-color: aquamarine;margin: 50px auto;text-align: center;line-height: 100px;border:1px solid black;border-radius: 100px;}button{width: 100px;height: 30px;margin: 0 auto;margin-left: 50%;}</style></head><body><div></div><script>var divEle=document.querySelector('div');dateTimes();//封装时间的函数function dateTimes(){// 获取2023年春节到1970年的毫秒数var date2023=new Date(2023,0,22,0,0,0);var ms2023=date2023.getTime();var myVar=setInterval(dateTimes,1000);var date=new Date();//获取当前时间到1970年的毫秒数var msCurrent=date.getTime();//时间差:总毫秒数var timeSc=ms2023-msCurrent;//倒计时:天,时,分,秒//获取 天var dateDays=Math.floor(timeSc/(1000*60*60*24));//去掉天数剩余的毫秒数timeSc=timeSc%(1000*60*60*24);console.log(timeSc);//获取 时var dateHours=Math.floor(timeSc/(1000*60*60));//去掉时剩余的毫秒数timeSc=timeSc%(1000*60*60);console.log(timeSc);//获取 分var dateMinutes=Math.floor(timeSc/(1000*60));//去掉分剩余的毫秒数timeSc=timeSc%(1000*60);console.log(timeSc);//获取 秒var dateSeconds=Math.floor(timeSc/1000);if(parseInt(dateHours)<10){dateHours='0'+dateHours;}if(parseInt(dateMinutes)<10){dateMinutes='0'+dateMinutes;}if(parseInt(dateSeconds)<10){dateSeconds='0'+dateSeconds;}var dateStr="新年倒计时:"+dateDays+'天'+dateHours+"时"+dateMinutes+"分"+dateSeconds+"秒";divEle.innerText=dateStr;}</script></body></html>

其他倒计时:修改 var date2023=new Date(2023,0,22,0,0,0); 即可,值得注意的是,1月用数字0表示

平安夜倒计时:var date2023=new Date(2022,11,24,0,0,0);圣诞节倒计时:var date2023=new Date(2022,11,25,0,0,0);元旦倒计时:var date2023=new Date(2023,0,1,0,0,0);

其他知识快捷链接:时间日期:Date对象

  码文不易,本篇文章就介绍到这里,如果想要学习更多Java系列知识,点击关注博主,博主带你零基础学习Java知识。与此同时,对于日常生活有困扰的朋友,欢迎阅读我的第四栏目:《国学周更—心性养成之路》,学习技术的同时,我们也注重了心性的养成。

本文链接地址:https://www.jiuchutong.com/zhishi/300744.html 转载请保留说明!

上一篇:解决d2l包下载不了的问题(d2loader does not recognize)

下一篇:业务架构图(人工智能业务架构图)

  • 租集体土地建厂合法吗
  • 劳务费用 税率
  • 新的税收
  • 借转股意思
  • 免税蔬菜税额用什么表示
  • 小规模收的专票怎么做账
  • 个体户每个月开10万会查吗
  • 工程检测单位
  • 房地产开发企业预收款预缴增值税
  • 建筑劳务公司业务范围是什么
  • 简易计税的销项税怎么处理
  • 行政事业单位资产管理工作总结
  • 没有收到房租发票可以摊销吗?
  • 专利技术转让使用费如何做会计处理?
  • 预付账款年底账务怎么做账?
  • 营改增之前材料含税吗
  • 注册资本金印花税什么时候缴纳
  • 营改增后企业要交哪些税
  • 验资帐户
  • 应收账款补提坏账是什么意思
  • 企业注销要缴个税吗
  • 三证合一后新办企业多久去税务登记
  • 注册资本的变更
  • 人工服务费发票
  • 以后年度继续扣除广告宣传费,要怎么写分录?
  • 签订借款合同要遵守规则吗
  • 长期包租收入如何进行会计处理
  • 制造费用主要包括哪些内容
  • 联想Lenovo ThinkPad X13 Gen1
  • 计提当月电费账务处理
  • kali渗透工具安装
  • 车前草的功效与作用及禁忌症
  • PHP:pg_execute()的用法_PostgreSQL函数
  • 茶叶的种类有哪些,八大茶类你都知道吗?
  • 原始凭证和审计证据的关系
  • 通过云服务器租号安全吗
  • 激活函数总结
  • 应收应付核销规则及常见问题
  • 申请税控盘流程需要几个工作日
  • 完美解决怠速抖动加油就平稳
  • 火车头造型
  • 固定资产一次性扣除政策
  • 公司注销实收资本要清零吗?
  • 公司购买的机票可以退吗
  • 应交税费借方如何计算
  • 企业利润率如何计算公式
  • 开具旧税号也能认证成功
  • 水利建设基金要预缴吗
  • 老项目简易征收税率
  • mysql的概念及作用
  • mysql中的limit用法有哪些(推荐)
  • bios怎么更改硬盘格式
  • AppleMobileDeviceService.exe是什么进程?AppleMobileDeviceService.exe是病毒吗?
  • gentoo安装教程2021
  • windows共享文件夹端口号
  • linux编译安装php扩展命令
  • linux忘了root密码
  • linux的trace
  • win10玩上古世纪闪退
  • iptables入门
  • linux的安装教程
  • Android开发简单购物界面
  • [置顶] 此外,车牌号:458143(懂得都懂[吃瓜])
  • jquery ztree实现右键收藏功能
  • 怎么用unity做游戏
  • 原生js制作日历软件
  • javascript编写函数
  • bash scp command not found的解决方法
  • json基本语法
  • 一个挖掘机主播得多少钱
  • python中按下某个按键
  • unity中滚动条控件详解
  • js prototype constructor
  • 写给小白的情书
  • 国家税务总局会议管理办法
  • 国税云厅官网
  • 小规模纳税人开专票
  • 机打发票教程视频
  • 西藏五个确保是什么?
  • 财税方面的问题有什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设