快捷導(dǎo)航

js顯示當(dāng)前日期時間和星期幾

更新時間：2015年10月22日 17:09:27 投稿：lijiao

這篇文章主要介紹了js獲取當(dāng)前日期時間同時顯示星期的方法，具有參考價值，感興趣的小伙伴們可以參考一下

JavaScript獲取當(dāng)前日期時間同時顯示星期幾，具體代碼如下：

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type="text/javascript" src="/jquery/1.7.0/jquery.min.js"></script> 
<script type="text/javascript"> 
function currentTime(){ 
  var d=new Date(),str=''; 
  str+=d.getFullYear()+'年'; 
  str+=d.getMonth() + 1+'月'; 
  str+=d.getDate()+'日'; 
  str+=d.getHours()+'時'; 
  str+=d.getMinutes()+'分'; 
  str+= d.getSeconds()+'秒'; 
  return str; 
} 
setInterval(function(){$('#time').html(currentTime)},1000); 
</script> 
</head> 
<body> 
<div id="time"></div> 
</body> 
</html>

在網(wǎng)頁上及時動態(tài)顯示當(dāng)前的日期時間并顯示星期的做法：

function showTime(){ 
  var show_day=new Array('星期一','星期二','星期三','星期四','星期五','星期六','星期日'); 
  var time=new Date(); 
  var year=time.getYear(); 
  var month=time.getMonth(); 
  var date=time.getDate(); 
  var day=time.getDay(); 
  var hour=time.getHours(); 
  var minutes=time.getMinutes(); 
  var second=time.getSeconds(); 
  month<10?month='0'+month:month; 
  month=month+1; 
  hour<10?hour='0'+hour:hour; 
  minutes<10?minutes='0'+minutes:minutes; 
  second<10?second='0'+second:second; 
  var now_time='當(dāng)前時間：'+year+'年'+month+'月'+date+'日'+' '+show_day[day-1]+' '+hour+':'+minutes+':'+second; 
  document.getElementById('showtime').innerHTML=now_time; 
  setTimeout("showTime();",1000); 
}

關(guān)于這方面的內(nèi)容網(wǎng)上很多，有js獲取當(dāng)前日期時間同時顯示星期，js獲取當(dāng)前時間和一星期錢的時間等內(nèi)容，都很具有參考價值，希望大家多閱讀類似文章，將類似方法熟練掌握。

您可能感興趣的文章:

相關(guān)文章

JavaScript中重名的函數(shù)與對象示例詳析
最近同事問了一個問題，說在js中如果函數(shù)與對象重名了會怎么樣？仔細詳細這個問題值得討論一下，所以便有了這篇文章，這篇文章主要給大家介紹了關(guān)于JavaScript中重名的函數(shù)與對象的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧啊。
2017-09-09
javascript一個無懈可擊的實例化XMLHttpRequest的方法
由于IE新舊版本以及與其他瀏覽器在ajax技術(shù)上的不同，往往需要對不同的瀏覽器做不同的處理，除了笨拙的瀏覽器嗅探技術(shù)，大約也就是對象檢測技術(shù)可用了。
2010-10-10
JavaScript探測CSS動畫是否已經(jīng)完成的方法
這篇文章主要為大家詳細介紹了JavaScript探測CSS動畫是否已經(jīng)完成的方法，感興趣的小伙伴們可以參考一下
2016-08-08
TypeScript 中接口詳解
TypeScript核心設(shè)計原則之一就是類型檢查，通過使用接口(Interfaces)可以進行類型檢查，滿足傳統(tǒng)面向?qū)ο笏枷耄谟行ч_發(fā)，有效避免類型轉(zhuǎn)換問題。
2015-06-06
Javascript 實現(xiàn) Excel 導(dǎo)入生成圖表功能
這篇文章主要介紹了Javascript 實現(xiàn) Excel 導(dǎo)入生成圖表功能，本文通過實例代碼講解給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2018-10-10
基于JS模仿windows文件按名稱排序效果
這篇文章主要介紹了基于JS實現(xiàn)模仿windows文件按名稱排序的相關(guān)資料,主要是對數(shù)字的處理操作，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-06-06
webpack打包中path.resolve(__dirname, 'dist')的含義解
這篇文章主要介紹了webpack打包中path.resolve(__dirname, 'dist')的含義解析,path:path.resolve(__dirname, 'dist')就是在打包之后的文件夾上拼接了一個文件夾，在打包時，直接生成，本文給大家講解的非常詳細，需要的朋友可以參考下
2023-05-05
微信小程序簡易計算器實現(xiàn)代碼實例
這篇文章主要介紹了微信小程序簡易計算器實現(xiàn)代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-09-09
js實現(xiàn)簡單選項卡制作
這篇文章主要為大家詳細介紹了js實現(xiàn)簡單選項卡制作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-08-08
禁止頁面刷新讓F5快捷鍵及右鍵都無效
禁止頁面刷新讓F5快捷鍵及右鍵都無效，下面有個不不錯的實現(xiàn)方法，大家可以感受下
2014-01-01