js實現(xiàn)簡單秒表走動的時鐘特效
更新時間：2020年03月25日 11:07:56 投稿：lijiao
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)簡單秒表走動的時鐘特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例介紹了javascript實現(xiàn)簡單的秒表走動的時鐘特效,分享給大家供大家參考,具體如下：
運行效果圖如下：
實現(xiàn)代碼：
<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
更多JavaScript時鐘特效點擊查看：JavaScript時鐘特效專題
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了使用JavaScript實現(xiàn)輪播圖特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
本篇文章主要介紹了Webpack自動化構(gòu)建實踐指南，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
input:file是一個文件上傳控件，如何讀取input:file的路徑并顯示圖片，具體實現(xiàn)如下，需要注意的是在IE8中由于IE8自作聰明的將真實路徑隱藏起來2013-09-09
這篇文章主要介紹了JS閉包用法,結(jié)合具體實例形式分析了javascript閉包的原理、執(zhí)行步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
微信小程序?qū)崿F(xiàn)客服功能(客服消息)的全過程
在最近做的微信小程序中需要實現(xiàn)一個自帶的客服功能,下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)客服功能(客服消息)的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
JavaScript通過RegExp實現(xiàn)客戶端驗證處理程序
通過RegExp實現(xiàn)客戶端驗：讓文本框只允許輸入數(shù)字、文本框只允許輸入中文、郵箱輸入格式的判斷等等，具體實現(xiàn)如下，感興趣的朋友可以參考下哈2013-05-05
JavaScript talbe表中指定位置插入一行的實現(xiàn)代碼 腳本之家修正版
用js實現(xiàn)的在table中指定的位置插入一行，先點一下表中你想插入的位置，點擊即可。2009-06-06
js css實現(xiàn)垂直方向自適應(yīng)的三角提示菜單
這篇文章主要為大家詳細(xì)介紹了js css實現(xiàn)垂直方向自適應(yīng)的三角提示菜單的相關(guān)資料,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了es6和commonJs的區(qū)別,ES6的模塊化規(guī)范更加先進(jìn)、靈活，能夠適應(yīng)更多的應(yīng)用場景，而CommonJS則更加簡單、易用，廣泛應(yīng)用于Node.js開發(fā)中，在實際應(yīng)用中，可以根據(jù)具體情況選擇使用不同的模塊化方案，需要的朋友可以參考下2023-03-03
如何在CocosCreator中利用常駐節(jié)點做圖層管理
這篇文章主要介紹了如何在CocosCreator中利用常駐節(jié)點做圖層管理，這些技巧非常實用，希望同學(xué)們看完，回去可以試一下2021-04-04