Show Today's Date

WELCOME

VIEW SOURCE


rev: 50 | size: 2134

外部ページに利用されています。注意して変更を行うこと。

このコンポーネントについて

このコンポーネントは、以下のコンポーネントのコードを基にカスタムしたものです。

Today's Date
- author: C-takeC-take
- Licensed under CC BY-SA 3.0

デモ・導入手順

このページを参照してください

コード

CSSコード

/* BASED ON http://scp-sandbox-3.wikidot.com/component:todaysdate#toc0 by C-take licensed under CC BY-SA 3.0 */
.showdate iframe {
  display: inline-block;
  height: 1.2em;
  bottom: 0px;
  margin: 0px;
  font-size:1em;
}
 
.showdate p {
  padding: 0px;
}
 
div#container-wrap {
  background: url(http://expunged.xyz/css/sigma9/origin/header-crop.png) top left repeat-x;
}

HTMLコード(iframe読み込み元)

<html>
  <!-- BASED ON http://scp-sandbox-3.wikidot.com/component:todaysdate#toc0 by C-take licensed under CC BY-SA 3.0 -->
  <head>
    <style type="text/css">
      @import url(http://scp-jp.wdfiles.com/local--files/japanese-syntax/scp-WikidotCss.css);
      body {
        padding:0px;
        margin: 0px;
        height:1em;
        vertical-align:top!important;
      }
      #page-content {
        margin: 0 0 3px 0;
        font-size: 1em;
      }
     @media screen and (max-device-width: 479px) {
       #page-content {
         font-size: 0.9em;
       }
     }
    </style>
    <script type="text/javascript">
      var space
      window.onload=function(){space = document.getElementById("page-content");getTime();}
      function getTime(){
      var date = new Date();
 
      space.innerHTML = date.getFullYear() + "/" + addDigit((date.getMonth()+1)) + "/" + date.getDate();
      setTimeout(getTime,300);
      function addDigit(num){
      var strNum = String(num);
      if(strNum.length < 2)strNum = "0" + strNum;
      return strNum;
      }
      }
    </script>
  </head>
  <body>
    <div id="page-content"></div>
  </body>
</html>
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License