首頁 > 開發者 > JavaScript
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; 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時間控制實現動態效果的執行個體講解就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
