快捷導(dǎo)航

javascript顯示系統(tǒng)當(dāng)前時間代碼

更新時間：2016年12月29日 09:36:14 作者：Ednah

這篇文章主要為大家詳細(xì)介紹了javascript如何顯示系統(tǒng)當(dāng)前時間代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下

運(yùn)用JavaScript技術(shù)，輸出系統(tǒng)當(dāng)前時間到指定位置。
代碼：

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>當(dāng)前系統(tǒng)時間</title> 
<link rel="stylesheet" href="style.css" /> 
<script language="javascript" type="text/javascript"> 
 
 window.onload = function(){ 
 showTime(); 
 } 
 function checkTime(i){ //補(bǔ)位處理 
 if(i<10){ 
  i='0'+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+"日 "+weekday[now.getDay()] +" "+h+":"+m+":"+s; 
 t=setTimeout('showTime()',500) 
 } 
 
</script> 
 
<style type="text/css"> 
 .content 
 { 
  height:50px; 
  width:100%; 
  background:#B1E28D; 
 } 
 #show 
 {  
  margin:0 auto; 
  text-align：center 
  height:50px; 
  line-height:50px; 
  width:500px; 
 } 
  
</style> 
</head> 
 
<body> 
<div class="content"> 
 <div id="show">顯示時間的位置</div> 
</div> 
</body> 
</html>

效果如下：

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

echarts數(shù)據(jù)可視化實(shí)現(xiàn)多個柱狀堆疊圖頂部顯示總數(shù)示例
這篇文章主要為大家介紹了echarts實(shí)現(xiàn)多個柱狀堆疊圖頂部顯示總數(shù)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-07-07
詳解微信圖片防盜鏈“此圖片來自微信公眾平臺未經(jīng)允許不得引用”的解決方案
這篇文章主要介紹了詳解微信圖片防盜鏈“此圖片來自微信公眾平臺未經(jīng)允許不得引用”的解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-04-04
讓html頁面不緩存js的實(shí)現(xiàn)方法
這篇文章主要介紹了讓html頁面不緩存js的實(shí)現(xiàn)方法,分析了HTML頁面緩存js的原理,并由此分析實(shí)現(xiàn)不緩存js的方法,是非常實(shí)用的技巧,需要的朋友可以參考下
2014-10-10
淺談javascript的分號的使用
不加分號其實(shí)體現(xiàn)的是對javascript的深入理解。最后一個分號是因?yàn)闊o法判斷后引入的js文件內(nèi)容會不會對本文檔產(chǎn)生影響；return多數(shù)是要加分號的,
2015-05-05
javascript如何刪除所有事件監(jiān)聽器
這篇文章主要介紹了javascript 刪除所有事件監(jiān)聽器,文中還通過示例代碼介紹了javaScript刪除對象屬性總結(jié)方法，結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2023-06-06
使用TypeScript?V8來改進(jìn)您的JavaScript代碼
TypeScript?V8是一個強(qiáng)大的JavaScript類型系統(tǒng),它可以幫助你發(fā)現(xiàn)JavaScript代碼中的錯誤和潛在問題,并在編譯時捕獲它們,以便您可以解決它們,TypeScript?V8為JavaScript提供一系列的類型注釋,包括自定義類型和其他高級功能
2023-08-08
前端JS獲取URL參數(shù)的4種方法總結(jié)
通過url傳遞參數(shù)是我們在開發(fā)中經(jīng)常用到的一種傳參方法,下面這篇文章主要給大家介紹了關(guān)于前端JS獲取URL參數(shù)的4種方法,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-04-04
談?wù)凱HP中相對路徑的問題與絕對路徑的使用
經(jīng)?？吹接腥瞬仍诹薖HP路徑的坑上面了，感覺有必要來說說PHP中相對路徑的一些坑，以及PHP中絕對路徑的使用，下面一起來看看。
2016-08-08
iframe src為圖片時的高度自適應(yīng)的代碼
iframe src為圖片時的高度自適應(yīng)的代碼...
2007-10-10
Javascript操作select控件代碼實(shí)例
這篇文章主要介紹了Javascript操作select控件代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-02-02