JavaScript頁(yè)面實(shí)時(shí)顯示當(dāng)前時(shí)間實(shí)例代碼
前言
這次認(rèn)認(rèn)真真又重新看了相關(guān)內(nèi)容,現(xiàn)把需要注意的地方總結(jié)如下:
1、通過(guò)getDay()得到的星期數(shù)是從0開(kāi)始,0表示星期天,之后從1~6依次表示星期一到星期六;
2、得到日期需使用getDate()而不是getDay() ,因?yàn)榭赡芰?xí)慣性地認(rèn)為日期就是天數(shù),可能會(huì)使用getDay() ,但其實(shí)getDay()是用于得到星期數(shù)的;
3、通過(guò)getMonth()得到月份,從0開(kāi)始計(jì)數(shù),所以需要再加1。
實(shí)例代碼如下:
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" href="">
<script type="text/javascript"></script>
<style type="text/css">
input{
width: 200px;
}
</style>
</head>
<body>
<input id="input">
<script type="text/javascript">
var in_1 = document.getElementById('input');
function showTime(){
var date = new Date();
var week = date.getDay();
var weekday;
switch(week){
case 0: weekday = '星期天';break;
case 1: weekday = '星期一';break;
case 2: weekday = '星期二';break;
case 3: weekday = '星期三';break;
case 4: weekday = '星期四';break;
case 5: weekday = '星期五';break;
case 6: weekday = '星期六';break;
}
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
var in_1 = document.getElementById('input');
in_1.value = year + '年' + month + "月" + day + '日'+' ' + weekday + ' ' + hour + ':' + minute + ':' + second;
setTimeout(showTime,1000);
}
showTime();
</script>
</body>
</html>
總結(jié)
以上就是利用JavaScript實(shí)現(xiàn)頁(yè)面實(shí)時(shí)顯示時(shí)間的全部?jī)?nèi)容,文中介紹的方法還是很簡(jiǎn)單易懂的,非常適合大家學(xué)習(xí)或者直接使用,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流。
- java多線程實(shí)現(xiàn)服務(wù)器端與多客戶端之間的通信
- java從字符串中提取數(shù)字的簡(jiǎn)單實(shí)例
- Java 方法簽名詳解及實(shí)例代碼
- Java Socket+mysql實(shí)現(xiàn)簡(jiǎn)易文件上傳器的代碼
- java Socket簡(jiǎn)易聊天工具
- 詳解Java的回調(diào)機(jī)制
- Javascript vue.js表格分頁(yè),ajax異步加載數(shù)據(jù)
- java生成抽樣隨機(jī)數(shù)的多種算法
- java 對(duì)象的序列化和反序列化詳細(xì)介紹
- Docker搭建前端Java的開(kāi)發(fā)環(huán)境詳解
- java &與&&的區(qū)別及實(shí)例
相關(guān)文章
網(wǎng)易JS面試題與Javascript詞法作用域說(shuō)明
Javascript函數(shù)在定義它們的作用域里運(yùn)行,而不是在執(zhí)行它們的作用域里運(yùn)行。2010-11-11
ES6解構(gòu)賦值(數(shù)組,對(duì)象,函數(shù))使用詳解
這篇文章主要介紹了ES6解構(gòu)賦值(數(shù)組,對(duì)象,函數(shù))使用詳解,JavaScript 中最常用的兩種數(shù)據(jù)結(jié)構(gòu)是 Object 和 Array,解構(gòu)操作對(duì)那些具有很多參數(shù)和默認(rèn)值等的函數(shù)也很奏效,本文通過(guò)實(shí)例代碼詳細(xì)講解需要的朋友可以參考下2022-11-11
JavaScript移除數(shù)組元素減少長(zhǎng)度的方法
數(shù)組想必大家對(duì)它并不陌生吧,有些新手朋友們都不知道如何移除數(shù)組元素,下面為大家介紹個(gè)示例,喜歡的朋友可以了解下2013-09-09
微信小程序如何根據(jù)不同用戶切換不同TabBar(簡(jiǎn)單易懂!)
小程序中我們可能需要根據(jù)不同的權(quán)限展示不同的tabbar,下面這篇文章主要給大家介紹了關(guān)于微信小程序如何根據(jù)不同用戶切換不同TabBar的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
CSS3+JavaScript實(shí)現(xiàn)翻頁(yè)幻燈片效果
這篇文章主要介紹了CSS3+JavaScript實(shí)現(xiàn)翻頁(yè)幻燈片效果,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-06-06
JS常見(jiàn)問(wèn)題之為什么點(diǎn)擊彈出的i總是最后一個(gè)
最近有很多朋友問(wèn)我,為什么點(diǎn)擊彈出的i總是最后一個(gè),于是抽時(shí)間寫(xiě)了這篇文章,特此分享到腳本之家平臺(tái),供大家參考2016-01-01
基于JavaScript實(shí)現(xiàn)鼠標(biāo)向下滑動(dòng)加載div的代碼
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)鼠標(biāo)向下滑動(dòng)加載div的代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08

