jsで現在の日付、時刻、曜日を表示_javascriptスキル-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

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

May 16, 2016 pm 03:35 PM

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

&lt;html&gt; 
&lt;head&gt; 
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; 
&lt;script type="text/javascript" src="/jquery/1.7.0/jquery.min.js"&gt;&lt;/script&gt; 
&lt;script type="text/javascript"&gt; 
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); 
&lt;/script&gt; 
&lt;/head&gt; 
&lt;body&gt; 
&lt;div id="time"&gt;&lt;/div&gt; 
&lt;/body&gt; 
&lt;/html&gt;

ログイン後にコピー

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&lt;10&#63;month='0'+month:month; 
  month=month+1; 
  hour&lt;10&#63;hour='0'+hour:hour; 
  minutes&lt;10&#63;minutes='0'+minutes:minutes; 
  second&lt;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 までご連絡ください。