当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JS时间控制实现动态效果的实例讲解

JS时间控制实现动态效果的实例讲解

2017年12月12日  | 移动技术网IT编程  | 我要评论

如下所示：

<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>

以上这篇js时间控制实现动态效果的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网