<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
font-family:'Comic Sans MS','けいふぉんと';
margin: 0;
padding: 0 0 0 4px;
}
#date{ opacity: 1;
color: #fff;
text-shadow: 2px 2px 1px #000;
font-size: 30px;
}
</style>
</head>
<body>
<p id="date">
<script language="JavaScript">
var time = function() {
var date = new Date();
var months = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = ["Sun","Mon","Tue","Wed","Thr","Fri","Sat"];
var yyyy = date.getFullYear();
var mm = date.getMonth();
var dd = ("0"+date.getDate()).slice(-2);
var da = date.getDay();
var hh = ("0"+date.getHours()).slice(-2);
var mi = ("0"+date.getMinutes()).slice(-2);
var ss = ("0"+date.getSeconds()).slice(-2);
var element = document.getElementById("date");
element.innerHTML = hh + ':' + mi + ':' + ss +' '+ day[da] +'. '+ dd + '/' + months[mm] +'. '+ yyyy +'(ja)' ;
};
setInterval(time, 1000);
</script>
</p>
</body>
</html>
ジャバスクリプト(JS)で日付と時計を表示する方法。
0 件のコメント:
コメントを投稿