laravel中使用事務和鎖表
阿新 • • 發佈:2020-12-08
技術標籤:筆記
利用JavaScript基礎寫一個倒計時
// An highlighted block
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
*{
margin: 0;
padding: 0;
}
div{
width: 200px;
height: 50px;
margin: 50px auto;
display: flex;
}
div span{
background: #333333;
color: white;
flex: 1;
width: 55px;
height: 50px;
line-height: 50px;
text-align: center;
border: 1px solid #000;
margin-left: 10px;
border-radius: 5px;
box-shadow: 0 0 3px 3px rgb(102, 102, 155),0 0 3px 3px green;
}
</style>
</head>
<body>
<div>
<!-- 設定四個小盒子分別顯示 天數,時,分,秒 -->
<span class="day"></span>
<span class="hour"></span>
<span class="minute"></span>
<span class="second"></span>
</div>
<script>
// 分別獲取四個盒子
var days=document.querySelector('.day');
var hour=document.querySelector('.hour');
var minute=document.querySelector('.minute');
var second=document.querySelector('.second');
var inputTime= +new Date('2020-12-15 18:00:00');//設定目標日期
countDown();
// 第一次執行也是也是間隔了一秒因此頁面會有空白,所以在此之前呼叫一次countDown
setInterval(countDown,1000);
function countDown(){
var nowTime= +new Date();//獲取當前的時間 並轉為毫秒 以便於後面的計算
var times=(inputTime-nowTime)/1000;// 將目標日期與目前日期做差得到 倒計時時間 並轉為時
var day=parseInt(times/60/60/24);//取整得到天數
day=day<10?'0'+day:day;
days.innerHTML=day+"天";//賦值給days框顯示
var h=parseInt(times/60/60%24);//取整得到時
h=h<10?'0'+h:h;
hour.innerHTML=h+"時";//賦值給hour框顯示
var m=parseInt(times/60%60);//取整得到分
m=m<10?'0'+m:m;
minute.innerHTML=m+"分";//賦值給minute框
var s=parseInt(times%60);//取整得到秒
s=s<10?'0'+s:s;
second.innerHTML=s+"秒";//賦值給seccend框
}
樣式顯示如圖所示