简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

Js完成倒數時差效果

Y2J
發布： 2017-05-20 13:17:13
原創
1417 人瀏覽過

這篇文章主要為大家詳細介紹了Javascript實現倒數時差效果，具有一定的參考價值，有興趣的小夥伴們可以參考一下

#本文實例為大家分享了js倒數計時時差效果的實作程式碼，供大家參考，具體內容如下

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前系统时间</title>
<link rel="stylesheet" href="style.css" />
<script language="javascript" type="text/javascript">

 window.onload = function(){
 showTime();
 }
 function checkTime(i){ //补位处理
 if(i<10){
  i=&#39;0&#39;+i;
 }
 return i;
 }
 function showTime(){
 var now=new Date();
 var year= now.getFullYear();
 var month= now.getMonth()+1;
 var day= now.getDate();
 var h= now.getHours();
 var m= now.getMinutes();
 var s= now.getSeconds();
 m=checkTime(m);
 s=checkTime(s);

 var weekday=new Array(7)
 weekday[0]="星期日"
 weekday[1]="星期一"
 weekday[2]="星期二"
 weekday[3]="星期三"
 weekday[4]="星期四"
 weekday[5]="星期五"
 weekday[6]="星期六"

 document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+ ? +h+":"+m+":"+s;
 t=setTimeout(&#39;showTime()&#39;,500)
 }

</script>
</head>
<body>
<p class="content1">
 <p id="show">显示时间的位置</p>
</p>
</body>
</html>
登入後複製

【相關推薦】

1. Javascript免費影片教學

2. 關於JS中遞迴刪除數組中元素的方法詳解

3. JS完成星級評分功能的實例詳解

4. JS如何判斷文字是全角還是半角

5. nodejs+websocket完成一個聊天系統功能

以上是Js完成倒數時差效果的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
js倒计时时差 js倒计时 js时差
來源：php.cn
上一篇：JS如何判斷文字是全角還是半角 下一篇：JS完成星級評分功能的實例詳解
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
如何在夏令時調整期間計算日期差異（用於計算班次的函數）？ 我有以下的函數用於確定給定日期上的哪個班次在工作。 publicstaticfunctiongetShift($date,$startDate,$sequence){$daysDi...
來自於 2023-09-16 00:03:57
0
1
199
決定時間差的最大間隔：以分鐘、小時、天、週等為單位的PHP實現 在計算時間差之後，我該如何確定差值是只有分鐘，還是小時，或是天、週、月、年...？ $now=newDateTime('now');$expire_date=date('Y-m-d...
來自於 2023-09-13 22:30:14
0
1
273
對於 MySQL，我需要一份與平均值偏差超過 1 個標準差的行報告（以百分比表示） 我正在嘗試編寫MySQL查詢來計算與每種產品最常見的行有很大不同的行，並報告百分比差異，其中低於100%的價格低於該產品的平均價格，超過100%的價格較高。忽略與平均值小於1個標準...
來自於 2023-09-13 22:06:57
0
1
265
介面顯示不正確 下午好/晚上好，我目前正在創建網站並決定測試其適應性。一切在電腦上看起來都很好：但是當我將其傳輸到手機（RedmiNote9PRO和三星GalaxyJ1）時，出現以下結果：由於某種...
來自於 2023-09-12 17:37:15
0
1
328
拍賣產品計時器在檔案頁面的應用 拍賣產品計時器在單一商店頁面上正常工作，我想將其添加到商店存檔頁面，但它只顯示在商店存檔的第一個產品上，而不顯示其餘的產品。根據WooCommerce單一產品頁面上的產品銷售結束倒...
來自於 2023-09-08 20:00:35
0
1
192
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！