time_denote_display_app_all_file_var_.html

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=yes, maximum-scale=6.0, minimum-scale=1.0">
<title>時刻表示アプリ</title>
<script>
console.log("test_script")
window.addEventListener("load",function(){
var ele=document.getElementsByTagName("output")[0];
setInterval(function(){
var date2 = new Date();
ele.innerHTML=date2;
},100);
},false)
</script>
<style>
body {background-color: #000;}
output {color: #00ff00; padding: 10px; font-size: 58px;}
.center {display: flex; justify-content: center; margin-top: 40vh; margin-bottom: 40vh; background-color: rgba(0,0,0,0.5); border-radius: 10px;}
@media only screen and (max-width:750px){output {color: #fff000; font-size: 45px;}.center {margin-top: 25vh; margin-bottom: 25vh;}}
@media only screen and (max-width:350px){output {color: #fff000; font-size: 35px;}}
</style>
<!--
  *----------------------------------
  |  ThisPageVersion: 0.2         |
  |  © 2021-2023 By Pusyuu        |
  |  LastUpdate: 2023-04-23       |
  |  time denote display app      |
----------------------------------*
-->
</head>
<body>
<div class="center">
<output></output>
</div>
</body>
</html>