1. 程式人生 > 實用技巧 >laravel中使用事務和鎖表

laravel中使用事務和鎖表

技術標籤:筆記

利用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框 }

樣式顯示如圖所示
在這裡插入圖片描述