Display current date & time at runtime into DIV tag

<Html>

<Head>

            <Tile>Sample Code</titel>

            <Script type="text/javascript">

                  function DisplayDateTime() {

                        var DateTime = new Date();

                        var strYear= DateTime.getYear();

                        var strMonth= DateTime.getMonth() +1;

                        var strDay = DateTime.getDate();

                        var strHours = DateTime.getHours();

                        var strMinutes = DateTime.getMinutes();

                        var strSeconds = DateTime.getSeconds();

                        var tagDiv=document.getElementById("DivTag");

                        tagDiv.innerText = "DD/MM/YYYY  HH:MM:SS";

                        tagDiv.innerText = strDay + "/" + strMonth + "/" + strYear + "  " + strHours + ":" + strMinutes + ":" + strSeconds;

            </Script>

      </Head>

      <Body bgcolor=#00ff00>

            <H3>DD/MM/YYYY&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HH:MM:SS</H3>

            <input type="button" value="click" onclick="DisplayDateTime();">

            <H1>

                  <Div id="DivTag"></div>

            </H1>

      </Body>

</Html>

Up Next

Hide and Show DIV using JavaScript

Ebook Download

View all

Read by 0 people

Download Now!

Learn

View all