網(wǎng)站首頁 編程語言 正文
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>倒計(jì)時(shí)</title>
<!-- 刷新 -->
<meta http-equiv="refresh" content="1">
<style>
body {
text-align: center;
margin: 100px auto;
}
</style>
</head>
<body>
<!-- 顯示當(dāng)前時(shí)間,并且顯示今年倒計(jì)時(shí) -->
<div class="div1"></div>
<div class="div2"></div>
<script>
function getTime() {
var arr = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
var time = new Date(),
year = time.getFullYear(), //獲取年
month = time.getMonth() + 1, //獲取月,月份由0~11表示
date = time.getDate(), //獲取日
day = time.getDay(); //獲取星期
var h = time.getHours(); //獲取小時(shí)
h = h < 10 ? '0' + h : h; //如果小于10,前面補(bǔ)0
var m = time.getMinutes(); //獲取分鐘
m = m < 10 ? '0' + m : m;
var s = time.getSeconds(); //獲取秒
s = s < 10 ? '0' + s : s;
return year + '年' + month + '月' + date + '日 ' + ' ' + ' ' + h + ' : ' + m + ' : ' + s + ' ' + ' ' + ' ' + arr[day];
}
function daojishi() {
var num1 = +new Date(); //獲取當(dāng)前時(shí)間戳
var num2 = +new Date('2022-01-01 0:0:0'); //獲取結(jié)束時(shí)間戳
// var num2 = +new Date('2021-12-22 20:45:0'); //獲取結(jié)束時(shí)間戳
console.log(num1, num2);
var time = (num2 - num1) / 1000; //兩個(gè)時(shí)間相差的秒數(shù)
var day = Math.floor(time / 60 / 60 / 24); //轉(zhuǎn)化為天數(shù),向下取整
day = day < 10 ? '0' + day : day;
var hours = Math.floor((time / 60 / 60 % 24)) //對天數(shù)取余,向下取整
hours = hours < 10 ? '0' + hours : hours;
var minutes = Math.floor((time / 60 % 60)) //對小時(shí)取余,向下取整
minutes = minutes < 10 ? '0' + minutes : minutes;
var seconds = Math.floor((time % 60)) //對分鐘取余,向下取整
if (time > 0) {
return ('距離元旦還有 : ' + ' ' + ' ' + day + '天' + ' ' + ' ' + hours + '小時(shí)' + ' ' + ' ' + minutes + '分' + ' ' + ' ' + seconds + '秒');
} else {
return '新年快樂 !'
}
}
document.write(getTime());
document.write('<br>');
document.write('<br>');
document.write(daojishi());
// location.reload(); //刷新
</script>
</body>
</html>
?
原文鏈接:https://blog.csdn.net/HAI6545/article/details/122114652
相關(guān)推薦
- 2023-03-15 Docker網(wǎng)絡(luò)配置及部署SpringCloud項(xiàng)目詳解_docker
- 2022-09-03 C++11?condition_variable條件變量的用法說明_C 語言
- 2021-12-17 Windows下Flutter+Idea環(huán)境搭建及配置_Android
- 2022-06-20 正則表達(dá)式之字符串模式匹配實(shí)例詳解_正則表達(dá)式
- 2024-01-10 Maven導(dǎo)入org.apache.commons.lang3.StringUtils
- 2022-07-27 C++中整形與浮點(diǎn)型如何在內(nèi)存中的存儲(chǔ)詳解_C 語言
- 2022-01-28 Mybatis技術(shù)內(nèi)幕-設(shè)計(jì)模式與應(yīng)用場景總結(jié)
- 2022-11-22 Linux實(shí)現(xiàn)自動(dòng)掛載autofs的方法詳解_Linux
- 最近更新
-
- window11 系統(tǒng)安裝 yarn
- 超詳細(xì)win安裝深度學(xué)習(xí)環(huán)境2025年最新版(
- Linux 中運(yùn)行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲(chǔ)小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎(chǔ)操作-- 運(yùn)算符,流程控制 Flo
- 1. Int 和Integer 的區(qū)別,Jav
- spring @retryable不生效的一種
- Spring Security之認(rèn)證信息的處理
- Spring Security之認(rèn)證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權(quán)
- redisson分布式鎖中waittime的設(shè)
- maven:解決release錯(cuò)誤:Artif
- restTemplate使用總結(jié)
- Spring Security之安全異常處理
- MybatisPlus優(yōu)雅實(shí)現(xiàn)加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務(wù)發(fā)現(xiàn)-Nac
- Spring Security之基于HttpR
- Redis 底層數(shù)據(jù)結(jié)構(gòu)-簡單動(dòng)態(tài)字符串(SD
- arthas操作spring被代理目標(biāo)對象命令
- Spring中的單例模式應(yīng)用詳解
- 聊聊消息隊(duì)列,發(fā)送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠(yuǎn)程分支