網站首頁 編程語言 正文
<!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>倒計時</title>
<!-- 刷新 -->
<meta http-equiv="refresh" content="1">
<style>
body {
text-align: center;
margin: 100px auto;
}
</style>
</head>
<body>
<!-- 顯示當前時間,并且顯示今年倒計時 -->
<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(); //獲取小時
h = h < 10 ? '0' + h : h; //如果小于10,前面補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(); //獲取當前時間戳
var num2 = +new Date('2022-01-01 0:0:0'); //獲取結束時間戳
// var num2 = +new Date('2021-12-22 20:45:0'); //獲取結束時間戳
console.log(num1, num2);
var time = (num2 - num1) / 1000; //兩個時間相差的秒數
var day = Math.floor(time / 60 / 60 / 24); //轉化為天數,向下取整
day = day < 10 ? '0' + day : day;
var hours = Math.floor((time / 60 / 60 % 24)) //對天數取余,向下取整
hours = hours < 10 ? '0' + hours : hours;
var minutes = Math.floor((time / 60 % 60)) //對小時取余,向下取整
minutes = minutes < 10 ? '0' + minutes : minutes;
var seconds = Math.floor((time % 60)) //對分鐘取余,向下取整
if (time > 0) {
return ('距離元旦還有 : ' + ' ' + ' ' + day + '天' + ' ' + ' ' + hours + '小時' + ' ' + ' ' + 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
- 上一篇:yarn版本過低導致的報錯
- 下一篇:Table表格怎么無限添加內容
相關推薦
- 2022-04-23 二次開發element el-tooltip+span 超出文本部分顯示省略號鼠標懸浮顯示全部內容
- 2022-05-25 yarn : 無法加載文件
- 2021-12-15 vscode?ssh安裝librosa處理音頻的解決方法_其它綜合
- 2022-12-25 一文帶你熟悉Go語言中的分支結構_Golang
- 2022-07-12 C語言中常見字符串API詳解
- 2022-09-17 詳解React?如何防止?XSS?攻擊論$$typeof?的作用_React
- 2022-04-03 Django+Nginx+uWSGI?定時任務的實現方法_python
- 2022-10-31 Android虛擬機與類加載機制詳情_Android
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支