基于javascript實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘效果
更新時(shí)間：2020年08月18日 14:13:50 投稿：lijiao
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘效果的相關(guān)資料，動(dòng)態(tài)顯示系統(tǒng)當(dāng)前時(shí)間，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例講解了javascript動(dòng)態(tài)時(shí)鐘效果的實(shí)現(xiàn)方法，分享給大家供大家參考，具體內(nèi)容如下
實(shí)現(xiàn)代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>動(dòng)態(tài)時(shí)鐘</title>
<script type="text/javascript">
//在網(wǎng)頁(yè)上輸出：今天的日期、星期、現(xiàn)在的時(shí)間（動(dòng)態(tài)時(shí)鐘）
function start()
{
var today=new Date();
var year=today.getFullYear();
var month=today.getMonth()+1;
var day=today.getDate();
var hours=today.getHours();
var minutes=today.getMinutes();
var seconds=today.getSeconds();
//如果是單位數(shù)字，前面補(bǔ)0
month=month<10? "0"+month :month;
day=day<10? "0"+day :day;
hours=hours<10? "0"+hours :hours;
minutes=minutes<10? "0"+minutes :minutes;
seconds=seconds<10? "0"+seconds :seconds;
//時(shí)間信息連成字符串
var str="今天是"+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds;
//獲取id=result的內(nèi)容
var obj=document.getElementById("result");
obj.innerHTML=str;
//延時(shí)器
window.setTimeout("start()",1000);
}
</script>
</head>
<body onload="start()">
<div id="result"></div>
</body>
</html>
更多JavaScript時(shí)鐘特效點(diǎn)擊查看：JavaScript時(shí)鐘特效專題
希望本文所述對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- js實(shí)現(xiàn)一個(gè)簡(jiǎn)單的數(shù)字時(shí)鐘效果
- JavaScript實(shí)現(xiàn)抖音羅盤時(shí)鐘
- html5 canvas js(數(shù)字時(shí)鐘)實(shí)例代碼
- 五步輕松實(shí)現(xiàn)JavaScript HTML時(shí)鐘效果
- 一個(gè)簡(jiǎn)易時(shí)鐘效果js實(shí)現(xiàn)代碼
- JavaScript實(shí)現(xiàn)簡(jiǎn)單的時(shí)鐘實(shí)例代碼
- Javascript實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘效果
- javascript入門·動(dòng)態(tài)的時(shí)鐘,顯示完整的一些方法,新年倒計(jì)時(shí)
- js時(shí)鐘翻牌效果實(shí)現(xiàn)代碼分享
- JavaScript實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)鐘
相關(guān)文章
javascript實(shí)現(xiàn)隨時(shí)變化著的背景顏色
這篇文章主要介紹了javascript實(shí)現(xiàn)隨時(shí)變化著的背景顏色的方法，非常的簡(jiǎn)單實(shí)用，有需要的小伙伴可以直接拿走。2015-04-04
詳解JavaScript創(chuàng)建數(shù)組的三種方式
這篇文章主要介紹了JavaScript創(chuàng)建數(shù)組的三種方式：直接聲明,?以對(duì)象方式創(chuàng)建數(shù)組和使用?Array.from()?方法創(chuàng)建,并通過(guò)代碼示例講解的非常詳細(xì),具有一定的參考價(jià)值,需要的朋友可以參考下2024-06-06
使用戶點(diǎn)擊后退按鈕使效三行代碼...2007-07-07
用JavaScript玩轉(zhuǎn)游戲物理(一)運(yùn)動(dòng)學(xué)模擬與粒子系統(tǒng)
也許，三百年前的艾薩克·牛頓爵士(Sir Issac Newton, 1643-1727)并沒(méi)幻想過(guò)，物理學(xué)廣泛地應(yīng)用在今天許多游戲、動(dòng)畫中。2010-06-06
bootstrap datetimepicker 日期插件在火狐下出現(xiàn)一條報(bào)錯(cuò)信息的原因分析及解決辦法
日期插件 bootstrap-datetimepicker 在火狐下出現(xiàn)一條報(bào)錯(cuò)信息：TypeError: (intermediate value).toString(…).split(…)[1] is undefined.什么原因?qū)е碌哪兀旅嫘【幗o大家分享解決思路，需要的朋友參考下2017-03-03
先來(lái)說(shuō)eval的用法，內(nèi)容比較簡(jiǎn)單，熟悉的可以跳過(guò)2012-03-03
uniapp禁止遮罩層下頁(yè)面滾動(dòng)的解決方法
在uniapp的開(kāi)發(fā)中用過(guò)彈窗的都知道有個(gè)bug就是滑動(dòng)彈窗的內(nèi)容底部頁(yè)面也會(huì)跟著滑動(dòng),所以這篇文章主要給大家介紹了關(guān)于uniapp禁止遮罩層下頁(yè)面滾動(dòng)的解決方法,需要的朋友可以參考下2023-09-09
js實(shí)現(xiàn)可兼容IE、FF、Chrome、Opera及Safari的音樂(lè)播放器
這篇文章主要介紹了js實(shí)現(xiàn)可兼容IE、FF、Chrome、Opera及Safari的音樂(lè)播放器,通過(guò)自定義javascript函數(shù)audioplayer實(shí)現(xiàn)兼容各常見(jiàn)瀏覽器的音樂(lè)播放功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了微信瀏覽器下拉黑邊解決方案 wScroollFix,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01
如何利用Three.js實(shí)現(xiàn)跳一跳小游戲
最近在公司寫H5的3D游戲,選擇了ThreeJS去做,做的過(guò)程中遇到了很多問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于如何利用Three.js實(shí)現(xiàn)跳一跳小游戲的相關(guān)資料,需要的朋友可以參考下2022-04-04