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

前端之家收集整理的这篇文章主要介绍了JS时间控制实现动态效果的实例讲解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如下所示:

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

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

  <span id="h"&gt;</span>
  <span id="m"&gt;</span>
  <span id="s"&gt;</span>

</div>
<script type="text/javascript"&gt;

  window.setInterval("time()",1000);
    <a href="https://www.jb51.cc/tag/zidingyi/" target="_blank" class="keywords">自定义</a>时间<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>
  function time(){

        日期时间函数调用
var time = new Date();

    document.getElementById("h").innerText = time.getHours() +':';

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

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

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

原文链接:https://www.f2er.com/js/37478.html

猜你在找的JavaScript相关文章