✅作者简介:热爱国学的Java后端开发者,修心和技术同步精进。
🍎个人主页:Java Fans的博客
🍊个人信条:不迁怒,不贰过。小知识,大智慧。
💞当前专栏:前端案例分享专栏
✨特色专栏:国学周更-心性养成之路
🥭本文内容:JS新年倒计时
更多内容点击👇
JavaScript—实现手风琴画册
不知不觉,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(){
var date2023=new Date(2023,0,22,0,0,0);
var ms2023=date2023.getTime();
var myVar=setInterval(dateTimes,1000);
var date=new Date();
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知识。与此同时,对于日常生活有困扰的朋友,欢迎阅读我的 第四栏目:《国学周更—心性养成之路》,学习技术的同时,我们也注重了心性的养成。
Original: https://blog.csdn.net/hh867308122/article/details/128278715
Author: Java Fans
Title: JS新年倒计时
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/812371/
转载文章受原作者版权保护。转载请注明原作者出处!