快捷導(dǎo)航

javascript頁面動態(tài)顯示時間變化示例代碼

更新時間：2013年12月18日 16:26:29 作者：

頁面動態(tài)顯示時間變化的方法有很多，本文為大家介紹下使用javascript的具體實(shí)現(xiàn)，感興趣的朋友不要錯過

 
<html> 
<head> 
<title></title> 

<script> 
function getDateDemo(){ 
/* 

//聲明時間 
var date = new Date(); 
alert(date);//當(dāng)前時間 
alert(date.toLocaleString());//轉(zhuǎn)化為本地時間 
alert(date.getFullYear());//顯示年份 
alert(date.getMonth() + 1);//顯示月份 0-11，需要加1 
alert(date.getDate());//顯示一月中的日期 
alert(date.getDay());//顯示一周的日期，星期幾 
alert(date.getHours());//獲取小時時間 
alert(date.getMinutes());//獲取當(dāng)前分鐘 
alert(date.getSeconds());//獲取當(dāng)前秒數(shù) 
alert(date.getMilliseconds());//獲取當(dāng)前的毫秒數(shù) 
alert(date.getTime());//獲取從1970年1月1日午夜零時，到當(dāng)前時間的毫秒值 
*/ 
//分別獲取年、月、日、時、分、秒 
var myDate = new Date(); 
var year = myDate.getFullYear(); 
var month = myDate.getMonth() + 1; 
var date = myDate.getDate(); 
var hours = myDate.getHours(); 
var minutes = myDate.getMinutes(); 
var seconds = myDate.getSeconds(); 

//月份的顯示為兩位數(shù)字如09月 
if(month < 10 ){ 
month = "0" + month; 
} 
if(date < 10 ){ 
date = "0" + date; 
} 

//時間拼接 
var dateTime = year + "年" + month + "月" + date + "日" + hours + "時" + minutes + "分" + seconds + "秒"; 

//document.write(dateTime);//打印當(dāng)前時間 

var divNode = document.getElementById("time"); 
divNode.innerHTML = dateTime; 

} 
window.setInterval("getDateDemo()",1000);//每隔1秒，調(diào)用一次getDateDemo() 
</script> 
</head> 
<body> 
<div id="time"></div> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

JavaScript使用鏈?zhǔn)椒椒ǚ庋bjQuery中CSS()方法示例
這篇文章主要介紹了JavaScript使用鏈?zhǔn)椒椒ǚ庋bjQuery中CSS()方法,結(jié)合具體實(shí)例形式分析了JS采用鏈?zhǔn)讲僮鞣椒ǚ庾Query中連綴操作實(shí)現(xiàn)css()方法的相關(guān)技巧,需要的朋友可以參考下
2017-04-04
使用JavaScript實(shí)現(xiàn)LRU緩存的代碼詳解
LRU（Least?Recently?Used）算法是一種廣泛應(yīng)用于內(nèi)存管理和緩存系統(tǒng)的策略,本文將介紹LRU算法的基本原理,并通過JavaScript實(shí)現(xiàn)案例,幫助讀者理解其在前端開發(fā)中的應(yīng)用場景,需要的朋友可以參考下
2024-05-05
JS實(shí)現(xiàn)兩個大數(shù)(整數(shù))相乘
大數(shù)，即超出語言所能表示的數(shù)字最大范圍的數(shù)字，那么如何實(shí)現(xiàn)兩個大數(shù)相乘呢？下面有個不錯的方法，大家可以參考下
2014-04-04
實(shí)例講解JavaScript 計時事件
這篇文章主要介紹了JavaScript 計時事件的相關(guān)資料，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下
2020-07-07
js中iframe調(diào)用父頁面的方法
這篇文章主要介紹了js中iframe調(diào)用父頁面的方法,可通過window.parent.方法()來實(shí)現(xiàn),非常具有實(shí)用價值,需要的朋友可以參考下
2014-10-10
JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡單方法
這篇文章介紹了JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡單方法，有需要的朋友可以參考一下
2013-07-07
JavaScript實(shí)現(xiàn)字符串轉(zhuǎn)字符數(shù)組的兩種方式
在 JavaScript 的編程世界里,字符串和數(shù)組是極為常見的數(shù)據(jù)類型,在實(shí)際開發(fā)中,我們常常會遇到需要將字符串轉(zhuǎn)換為字符數(shù)組的情況,接下來,我們將深入探討如何使用 JavaScript 實(shí)現(xiàn)這一轉(zhuǎn)換,同時結(jié)合代碼示例詳細(xì)分析不同方法的特點(diǎn),需要的朋友可以參考下
2025-04-04
webpack5的entry和output配置小白學(xué)習(xí)
這篇文章主要為大家介紹了webpack5的entry和output使用配置小白學(xué)習(xí)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05
JSscript標(biāo)簽有哪些屬性
本文介紹了JSscript標(biāo)簽有哪些屬性,向HTML頁面中插入JavaScript的主要方法,就是使用script>元素.這個元素由Netscape創(chuàng)造并在NetscapeNavigator2中首先實(shí)現(xiàn).后來,這個元素被加入到正式的HTML規(guī)范中,下面小編來講解下JSscript標(biāo)簽有哪些屬性,需要的朋友可以參考下
2022-01-01
Bootstrap模塊dropdown實(shí)現(xiàn)下拉框響應(yīng)
這篇文章主要為大家詳細(xì)介紹了Bootstrap下拉框模塊dropdown實(shí)現(xiàn)下拉框響應(yīng)，感興趣的朋友可以參考一下
2016-05-05