js實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘
本文實(shí)例為大家分享了js實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘的具體代碼，供大家參考，具體內(nèi)容如下
<!DOCTYPE html><html><head> <title>時(shí)鐘</title></head><script type='text/javascript'> function todou(n){ if(n<10){ return ’0’+n; } else { return ’’+n; } } window.onload=function(){ setInterval(function(){ var date = new Date(); var ma = document.getElementsByTagName(’img’); var str =todou(date.getHours())+todou(date.getMinutes())+todou(date.getSeconds()); for(var i=0;i<ma.length;i++){ ma[i].src=’images/’+str[i]+’.png’; } // alert(todou(date.getSeconds())); // var date = new Date(); //alert(todou(date.getSeconds())); } ,1000) }</script><body><div > <img src='http://www.piao2010.com/bcjs/images/0.png' height='90px'> <img src='http://www.piao2010.com/bcjs/images/0.png' height='90px'> 時(shí) <img src='http://www.piao2010.com/bcjs/images/0.png' height='90px'> <img src='http://www.piao2010.com/bcjs/images/0.png' height='90px'> 分 <img src='http://www.piao2010.com/bcjs/images/0.png' height='90px'> <img src='http://www.piao2010.com/bcjs/images/0.png' height='90px'> 秒</div></body></html>
示例展示：
更多JavaScript時(shí)鐘特效點(diǎn)擊查看：JavaScript時(shí)鐘特效專(zhuān)題
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. 父div高度不能自適應(yīng)子div高度的解決方案2. Java之JSP教程九大內(nèi)置對(duì)象詳解(中篇)3. CSS3實(shí)例分享之多重背景的實(shí)現(xiàn)(Multiple backgrounds)4. ASP中SELECT下拉菜單同時(shí)獲取VALUE和TEXT值的實(shí)現(xiàn)代碼5. servlet+jsp實(shí)現(xiàn)過(guò)濾器 防止用戶(hù)未登錄訪問(wèn)6. ASP錯(cuò)誤捕獲的幾種常規(guī)處理方式7. 利用XMLSerializer將對(duì)象串行化到XML8. 選擇模式 - XSL教程 - 29. JSP狀態(tài)管理的簡(jiǎn)單介紹10. 淺談XML Schema中的elementFormDefault屬性
網(wǎng)公網(wǎng)安備