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事件触发

  • 相关阅读:
    Web系统可复用架构
    asp.net mvc 2 简简单单做开发 实现基本数据操作操作RepositoryController<T>
    asp.net mvc 2 简简单单做开发 使用DataContext扩展方法Find<TEntity>(TEntity obj) 遇到的问题
    asp.net mvc 2 简简单单做开发 自定义DropdownList控件
    asp.net mvc 2 DisplayTemplates 的使用
    linq to sql 扩展方法
    asp.net mvc 2 简简单单做开发 通用增删改基本操作通用页面
    asp.net mvc 2 简简单单做开发 自定义Controller基类
    JNLP启动相关的东东
    easyexcel往已存在的excel文件里追加数据
  • 原文地址:https://www.cnblogs.com/zlqblog/p/3598104.html
Copyright © 2011-2022 走看看