• 技术文章 >web前端 >html教程

    HTML制作网页动态时钟教程

    巴扎黑巴扎黑2017-09-02 09:58:46原创4903
    本文通过实例代码给大家介绍了HTML写一个网页动态时钟效果,需要的的朋友参考下吧

    用html写一个动态网页时钟,代码如下所示:


    <!DOCTYPE html>  
    <html>  
        <head>  
            <meta charset="UTF-8">  
            <title>时钟特效</title>  
        </head>  
        <script type="text/javascript">  
            function disptime(){  
                var today=new Date();  
                var hh=today.getHours();  
                var mm=today.getMinutes();  
                var ss = today.getSeconds();  
                document.getElementById("myclock").innerHTML="<h1>现在是—"+hh+":"+mm+":"+ss+"</h1>"  
                 
            }   
            //setInterval()方法可以按照指定的周期调用函数或计算表达式  
            var mytime = setInterval("disptime()",1000);  
        </script>  
        <body onload="disptime()">  
            <p id="myclock"></p>  
        </body>  
    </html>

    以上就是HTML制作网页动态时钟教程的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:HTML 时钟 动态
    上一篇:实例展示DIV+CSS实现电台列表 下一篇:html5中sse服务器发送事件EventSource相关介绍
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• html +CSS+div学习――第二课_html/css_WEB-ITnose• html实现跳转_html/css_WEB-ITnose• ExtJs教程15• Axure做注册模块的一些小操作_html/css_WEB-ITnose• css优先机制_html/css_WEB-ITnose
    1/1

    PHP中文网