zoukankan      html  css  js  c++  java
  • js实现页面时钟

    <body onload="setInterval(nowtime,1000)">
        <form id="main" method="post" runat="server">
        <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ebebeb">
            <tr>
                <td width="53%" height="63">
                    <div align="center">
                        <table width="519" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td width="519">
                                    <div align="left">
                                        <img src="../images/logoMain.gif" width="518" height="62" /></div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
                <td width="47%" align="right">

                    <script language="JavaScript">
                        today = new Date();
                        function initArray() {
                            this.length = initArray.arguments.length
                            for (var i = 0; i < this.length; i++)
                                this[i + 1] = initArray.arguments[i]
                        }
                        var d = new initArray(
         "星期日",
         "星期一",
         "星期二",
         "星期三",
         "星期四",
         "星期五",
         "星期六");
                        document.write(
         "",
         today.getYear(), "年",
         today.getMonth() + 1, "月",
         today.getDate(), "日   ",
         d[today.getDay() + 1],
         "");
                    </script>

                    &nbsp;<img align="absMiddle" src="../images/time.gif" />
                    <span id="t1">

                        <script language="javascript">   

            todaytime1 = new Date();

            t1.innerText = todaytime1.getHours() + ':' + todaytime1.getMinutes() + ':' + todaytime1.getSeconds();

    </script>

                    </span>&nbsp;&nbsp;

                    <script language="javascript">
                        function nowtime() {
                            todaytime = new Date();
                            t1.innerText = todaytime.getHours() + ':' + todaytime.getMinutes() + ':' + todaytime.getSeconds()
                        }
                    </script>

                </td>
            </tr>
        </table>

    </form>

    </body>

    效果:

    时间自动走动

    主要注意body中onload事件触发

  • 相关阅读:
    Java-MyBatis-MyBatis3-XML映射文件:select
    Java-MyBatis-MyBatis3-XML映射文件:XML映射文件
    专业词汇-计算机-Java:JPA
    图书-计算机-软件编程-SpringBoot:《Spring Boot 企业级应用开发实战》
    图书-计算机-软件编程-SpringBoot:《Spring Boot2 + Thymeleaf 企业应用实战》
    svndumpfilter
    svnlook
    svnadmin
    svn
    sum
  • 原文地址:https://www.cnblogs.com/zlqblog/p/3598104.html
Copyright © 2011-2022 走看看