JavaScript實現(xiàn)頁面實時顯示當前時間的簡單實例
更新時間：2013年07月20日 16:08:12 作者：
這篇文章介紹了頁面實時顯示當前時間的簡單實例，有需要的朋友可以參考需要
復制代碼 代碼如下:
<html>
<head>
<title>JavaScript實現(xiàn)頁面實時顯示當前時間</title>
</head>
<body>
<script language="javascript">
function showtime()
{
var today,hour,second,minute,year,month,date;
var strDate ;
today=new Date();
var n_day = today.getDay();
switch (n_day)
{
case 0:{
strDate = "星期日"
}break;
case 1:{
strDate = "星期一"
}break;
case 2:{
strDate ="星期二"
}break;
case 3:{
strDate = "星期三"
}break;
case 4:{
strDate = "星期四"
}break;
case 5:{
strDate = "星期五"
}break;
case 6:{
strDate = "星期六"
}break;
case 7:{
strDate = "星期日"
}break;
}
year = today.getYear();
month = today.getMonth()+1;
date = today.getDate();
hour = today.getHours();
minute =today.getMinutes();
second = today.getSeconds();
if(month<10) month="0"+month;
if(date<10) date="0"+date;
if(hour<10) hour="0"+hour;
if(minute<10) minute="0"+minute;
if(second<10) second="0"+second;
document.getElementById('time').innerHTML = year + "年" + month + "月" + date + "日 " + strDate +" " + hour + ":" + minute + ":" + second; //顯示時間
setTimeout("showtime();", 1000); //設定函數(shù)自動執(zhí)行時間為 1000 ms(1 s)
}
</script>
<div id="time"></div>
<script language="javascript"> showtime();</script>
</body>
</html>
相關文章
這篇文章主要介紹了詳解微信小程序回到頂部的兩種方式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
js插件YprogressBar實現(xiàn)漂亮的進度條效果
ProgressBar.js 是一個借助動態(tài) SVG 路徑的漂亮的，響應式的進度條效果。使用 ProgressBar.js 可以很容易地創(chuàng)建任意形狀的進度條。這個 JavaScript 庫提供線條，圓形和方形等幾個內(nèi)置的形狀，但你可使用 Illustrator 或任何其它的矢量圖形編輯器創(chuàng)建自己的進度條效果。2015-04-04
最近發(fā)現(xiàn)項目用的表單驗證不好使，干脆一邊參考人家的一邊自己寫了一個。在驗證有錯誤返回提示信息用到漸顯(fadeIn)漸隱(fadeOut)過渡(因為瀏覽器的效率實在太高了，一下就蹦了出來~~)；2010-06-06
這篇文章主要介紹了動態(tài)讀取JSON解析鍵值對的方法,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)人臉識別對比,此文主要通過小程序?qū)崿F(xiàn)對比人臉相似度，并返回相似度分值，可以基于分值判斷是否為同一人，本文通過實例代碼給大家介紹的非常詳細，需要的朋友可以參考下2022-10-10
在網(wǎng)站的管理后臺應用此功能居多，如一次性處理多個產(chǎn)品，或?qū)ξ恼碌膭h除對產(chǎn)品的下架等處理，一條一條的點顯然有一些麻煩，如果能每一行放一個checkbox，然后統(tǒng)一處理就好辦的多了，今天我就用簡單的篇幅來講解一下這個功能的實現(xiàn)原理和實現(xiàn)過程。2015-05-05
這篇文章主要介紹了js中位運算的運用實例分析,需要的朋友可以參考下2018-12-12
訪問修改DOM元素都會導致瀏覽器重新計算頁面的幾何變化，下面為大家介紹下javascript性能提升方法,需要的朋友可以參考下2014-02-02
這篇文章主要為大家詳細介紹了js+html實現(xiàn)網(wǎng)頁五子棋，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
本文主要介紹了原生js實現(xiàn)選項卡功能的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03