HTML5基础(四)--时间类的应用

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            .show {
                height: 200px;
                title:"好看不";
            }
        </style>
    </head>

    <body>
        <div id="txt"></div>
        <!--onload会在页面加载后触发 txt是触发条件  为什么加上后覆盖了原有内容-->
        <script>
            
            var t=null;
            startTime();//自己调用自己
            function startTime() {
                if(t!=null)clearTimeout(t);
                var today = new Date();
                var h = today.getHours();
                var m = today.getMinutes();
                var s = today.getSeconds();
                // add a zero in front of numbers<10
                m = checkTime(m);
                s = checkTime(s);
                document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
                t = setTimeout('startTime()', 1000);
            }

            function checkTime(i) {
                if (i < 10) {
                    i = "0" + i;
                }
                return i;
            }
            </script>
            
        <div>
            <a href="Test4.html">![](img2/page.jpg)</a>
            <br /><a href="Test4.html">售价4000</a> 脉动<br />
            <a href="Test4.html">![](img2/page2.jpg)</a>
            <br /><a href="Test4.html">售价2000</a> 哇哈哈<br />
            <a href="Test4.html">![](img2/page3.jpg)</a>
            <br /><a href="Test4.html">售价3000</a> 百岁山<br />
            <a href="Test4.html">![](img2/page4.jpg)</a>
            <br /><a href="Test4.html">售价3000</a> 百岁山<br />
            <a href="Test4.html">![](img2/page5.jpg)</a>
            <br /><a href="Test4.html">售价3000</a> 百岁山<br />
            <a href="Test4.html">![](img2/page6.jpeg)</a>
            <br /><a href="Test4.html">售价3000</a> 百岁山<br />
            <a href="Test4.html">![](img2/page7.jpg)</a>
            <!--
            <br /><a href="Test4.html">售价3000</a> 百岁山<br />
            -->
            <br />
            <a href="Test4.html">
                <button>返回上一界面</button>
            </a>
        </div>
    </body>

</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容