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>

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

# js时间控制实现动态 # js实现动态显示时间效果 # 纯js实现动态时间显示 # js显示动态时间的方法详解 # 纯JS实现动态时间显示代码 # JS实现日期时间动态显示的方法 # 给大家 # 自定义 # 希望能 # 所示 # 这篇 # 小编 # 大家多多 # var # Model # Object # setInterval # setTimeout # window # alert # abc # function # Bowers # ccffcc # strong # pre

返回目录在线咨询

上一篇：建站之星代理：自助建站+多语言响应式+SEO优化一站式指南
下一篇：python如何用方法更改字符串

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

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

您的项目需求