JS時(shí)間控制實(shí)現(xiàn)動(dòng)態(tài)效果的實(shí)例講解
如下所示:
<script> BOM //Bowers Object Model 瀏覽器對(duì)象模型 setTimeout() // 延遲執(zhí)行一次 setInterval() // 間隔執(zhí)行 var a = 300; window.setTimeout('abc(a)',3000); // 自定義函數(shù)賦值 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); } //清除間隔執(zhí)行 window.setTimeout("clear()",2500); // 要執(zhí)行的代碼;間隔時(shí)間 window.setInterval('alert(123)',1000); </script> 利用時(shí)間控制實(shí)現(xiàn)鐘表的操作 <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); 自定義時(shí)間函數(shù) function time(){ 日期時(shí)間函數(shù)調(diào)用 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時(shí)間控制實(shí)現(xiàn)動(dòng)態(tài)效果的實(shí)例講解就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Javascript面試經(jīng)典套路reduce函數(shù)查重
reduce函數(shù),是ECMAScript5規(guī)范中出現(xiàn)的數(shù)組方法.下面通過(guò)本文給大家分享Javascript面試經(jīng)典套路reduce函數(shù)查重,需要的朋友參考下吧2017-03-03javascript模擬枚舉的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)javascript模擬枚舉的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-03-03基于JavaScript實(shí)現(xiàn)右鍵菜單和拖拽功能
本文給大家分享基于js實(shí)現(xiàn)的右鍵菜單功能和拖拽功能的代碼解析,非常不錯(cuò),具有一定的參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-11-11JS面向?qū)ο蠡A(chǔ)講解(工廠模式、構(gòu)造函數(shù)模式、原型模式、混合模式、動(dòng)態(tài)原型模式)
這篇文章主要介紹了面向?qū)ο驤S基礎(chǔ)講解,工廠模式、構(gòu)造函數(shù)模式、原型模式、混合模式、動(dòng)態(tài)原型模式,需要的朋友可以參考下2014-08-08關(guān)于javascript event flow 的一個(gè)bug詳解
描述了firefox,safari 有一個(gè)bug和DOM 3 規(guī)范不一致:在event.currentTarget等于event.target的時(shí)候(即event flow處于target phase時(shí)),會(huì)調(diào)用添加到currentTarget上的useCapture為true的listener2013-09-09js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境
本文主要介紹了js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04