ホームページ > 記事 > ウェブフロントエンド > jsで現在の日付、時刻、曜日を表示_javascriptスキル

jsで現在の日付、時刻、曜日を表示_javascriptスキル

WBOYオリジナル: 2016-05-16 15:35:321898ブラウズ

JavaScript は現在の日付と時刻を取得し、曜日を表示します。具体的なコードは次のとおりです。

<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>

Web ページに現在の日時と曜日を動的に表示する方法:

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&#63;month='0'+month:month; 
  month=month+1; 
  hour<10&#63;hour='0'+hour:hour; 
  minutes<10&#63;minutes='0'+minutes:minutes; 
  second<10&#63;second='0'+second:second; 
  var now_time='当前时间：'+year+'年'+month+'月'+date+'日'+' '+show_day[day-1]+' '+hour+':'+minutes+':'+second; 
  document.getElementById('showtime').innerHTML=now_time; 
  setTimeout("showTime();",1000); 
}

これについてはインターネット上にたくさんのコンテンツがあります。曜日を表示しながら現在の日付と時刻を取得するjs、現在時刻と曜日を取得するjsなどがあります。どれも非常に参考になるので、皆さんも同様の記事をもっと読んで、同様の方法を使いこなしてほしいと思います。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：jQuery は章アンカーポイント「トップに戻る」アニメーション特殊効果を実装します code_jquery次の記事：jQuery は章アンカーポイント「トップに戻る」アニメーション特殊効果を実装します code_jquery

続きを見る

jsで現在の日付、時刻、曜日を表示_javascriptスキル

関連記事