45 lines
1.4 KiB
HTML
45 lines
1.4 KiB
HTML
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<link rel="stylesheet" type="text/css" href="./style2.css">
|
|
<meta name="flattr:id" content="xjd3yw">
|
|
<link href="https://fonts.googleapis.com/css?family=Noto+Serif+JP:700&subset=japanese" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/earlyaccess/sawarabimincho.css" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet">
|
|
</head>
|
|
<header>
|
|
<a href="./index.html" style="width: 70px;">
|
|
<div class="circle">
|
|
<img src="./picture/28 - 1.png" class="circleimage" alt="">
|
|
</div>
|
|
</a>
|
|
<a style="margin:auto;"></a>
|
|
<a style="width: 150px; right: 0px;">
|
|
<div class="text">
|
|
<span id="view_clock"></span>
|
|
</div>
|
|
</a>
|
|
|
|
|
|
<script type="text/javascript">
|
|
timerID = setInterval('clock()',500); //0.5秒毎にclock()を実行
|
|
|
|
function clock() {
|
|
document.getElementById("view_clock").innerHTML = getNow();
|
|
}
|
|
|
|
function getNow() {
|
|
var now = new Date();
|
|
var year = +now.getFullYear();
|
|
var mon = now.getMonth()+1; //１を足すこと
|
|
var day = now.getDate();
|
|
var hour = ("00"+now.getHours()).slice(-2);
|
|
var min = ("00"+now.getMinutes()).slice(-2);
|
|
var sec = ("00"+now.getSeconds()).slice(-2);
|
|
|
|
//出力用
|
|
var s = hour + ":" + min + "</br>" + year + "/" + mon + "/" + day;
|
|
return s;
|
|
}
|
|
</script>
|
|
</header> |