zoukankan      html  css  js  c++  java
  • 关于JS的时间控制实现动态效果及实例操作

      关于JS的时间控制

    <script>
            BOM   //Bowers Object Model   浏览器对象模型
        setTimeout()
    //    延迟执行一次
        setInterval()
    //    间隔执行
        var a = 300;
        window.setTimeout('abc(a)',3000);
    //    自定义函数赋值
        function abc(i)
        {
            alert(i);
        }

        //setInterval('alert(123)',2000);
        var dh = document.getElementById("dh");

        //alert(dh.offsetLeft);
        function move() {
            dh.style.marginLeft = dh.offsetLeft + 1 + 'px';
        }

        var x = window.setInterval('move()', 20);
        var y = window.setInterval('move()', 500);

        function clear() {
            window.clearInterval(x);
        }
                                        //清除间隔执行
        window.setTimeout("clear()",2500);

    //                          要执行的代码;间隔时间
    window.setInterval('alert(123)',1000);

    </script>

      利用时间控制实现钟表的操作

    <style>
                *{
                    margin: 150px auto;
                    500px;
                    height:500px;
                }
            
        </style>
        <body>
            <div>

                <span id="h"></span>
                <span id="m"></span>
                <span id="s"></span>

            </div>
            <script type="text/javascript">

                window.setInterval("time()",1000);
                自定义时间函数
                function time(){

            日期时间函数调用
                    var time = new Date();
                    
                    document.getElementById("h").innerText = time.getHours() +':';

                    document.getElementById("m").innerText = time.getMinutes() +':';

                    document.getElementById("s").innerText = time.getSeconds();
                }

    </script>
            
            
        </body>

  • 相关阅读:
    smtp同时发送多个邮箱
    python中smtp的账号和密码设置
    自动化测试中将文件输入到指定的文件夹
    eclipse目录中不显示输出的文件的解决办法
    运行程序提示 “ find_element () argument after * must be an iterable, not method”
    用在浏览器复制的xpath无法定位元素
    eclipse中folder、source folder
    Wampserver部署thinksns
    隐藏文件夹
    wampserver图标显示橙色或是红色的解决办法
  • 原文地址:https://www.cnblogs.com/jly144000/p/7260659.html
Copyright © 2011-2022 走看看