关于JS的时间控制

最新推荐文章于 2024-04-05 22:22:10 发布

weixin_30653023

最新推荐文章于 2024-04-05 22:22:10 发布

阅读量237

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sglq/p/7357748.html

版权

关于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;
                width: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>

转载于:https://www.cnblogs.com/sglq/p/7357748.html

weixin_30653023

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
关于JS的时间控制

关于JS的时间控制实现动态效果及实例操作<script> BOM //Bowers Object Model 浏览器对象模型 setTimeout()// 延迟执行一次 setInterval()// 间隔执行 var a = 300; window.setTimeout('abc(a)',3...
复制链接

扫一扫