javascript怎么动态显示时间
javascript显示时间的方法：1、使用“new Date()”定义日期对象；2、使用日期对象的getFullYear()、getMonth()等方法获取年月日时分秒值并输出；3、用setTimeout()方法一秒钟刷新一次时间值即可。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
javascript动态显示时间的实现代码：
<html>
<head>
<title>网页中动态的显示系统日期时间</title>
<script language="JavaScript">
function startTime()
{
var today=new Date();//定义日期对象
var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年
var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回年
var dd = today.getDate();//通过日期对象的getDate()方法返回年
var hh=today.getHours();//通过日期对象的getHours方法返回小时
var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟
var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒
// 如果分钟或小时的值小于10，则在其值前加0，比如如果时间是下午3点20分9秒的话，则显示15：20：09
MM=checkTime(MM);
dd=checkTime(dd);
mm=checkTime(mm);
ss=checkTime(ss);
var day; //用于保存星期（getDay()方法得到星期编号）
if(today.getDay()==0) day = "星期日 "
if(today.getDay()==1) day = "星期一 "
if(today.getDay()==2) day = "星期二 "
if(today.getDay()==3) day = "星期三 "
if(today.getDay()==4) day = "星期四 "
if(today.getDay()==5) day = "星期五 "
if(today.getDay()==6) day = "星期六 "
document.getElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+" " + day;
setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法
}
function checkTime(i)
{
if (i<10){
i="0" + i;
}
return i;
}
</script>
</head>
<body onload="startTime()" style="background-color: #000000;color: white;">
当前时间：<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font>
</body>
</html>效果图：
Date对象的方法
Date 对象能够使你获得相对于国际标准时间（格林威治标准时间，现在被称为 UTC-Universal Coordinated Time）或者是 Flash 播放器正运行的操作系统的时间和日期。要使用Date对象的方法，你就必须先创建一个Date对象的实体（Instance）。
Date 对象必须使用 Flash 5 或以后版本的播放器。
Date 对象的方法并不是静态的，但是在使用时却可以应用于所指定的单独实体。
Date 对象的方法简介：
getDate ｜ 根据本地时间获取当前日期(本月的几号)
getDay ｜ 根据本地时间获取今天是星期几(0-Sunday,1-Monday…)
getFullYear ｜ 根据本地时间获取当前年份(四位数字)
getHours ｜ 根据本地时间获取当前小时数(24小时制,0-23)
getMilliseconds ｜ 根据本地时间获取当前毫秒数
getMinutes ｜ 根据本地时间获取当前分钟数
getMonth ｜ 根据本地时间获取当前月份(注意从0开始:0-Jan,1-Feb…)
getSeconds ｜ 根据本地时间获取当前秒数
getTime ｜ 获取UTC格式的从1970.1.1 0:00以来的毫秒数
getTimezoneOffset ｜ 获取当前时间和UTC格式的偏移值(以分钟为单位)
getUTCDate ｜ 获取UTC格式的当前日期(本月的几号)
getUTCDay ｜ 获取UTC格式的今天是星期几(0-Sunday,1-Monday…)
getUTCFullYear ｜ 获取UTC格式的当前年份(四位数字)
getUTCHours ｜ 获取UTC格式的当前小时数(24小时制,0-23)
getUTCMilliseconds ｜ 获取UTC格式的当前毫秒数
getUTCMinutes ｜ 获取UTC格式的当前分钟数
getUTCMonth ｜ 获取UTC格式的当前月份(注意从0开始:0-Jan,1-Feb…)
getUTCSeconds ｜ 获取UTC格式的当前秒数
getYear ｜ 根据本地时间获取当前缩写年份(当前年份减去1900)
setDate ｜ 设置当前日期(本月的几号)
setFullYear ｜ 设置当前年份(四位数字)
setHours ｜ 设置当前小时数(24小时制,0-23)
setMilliseconds ｜ 设置当前毫秒数
setMinutes ｜ 设置当前分钟数
setMonth ｜ 设置当前月份(注意从0开始:0-Jan,1-Feb…)
setSeconds ｜ 设置当前秒数
setTime ｜ 设置UTC格式的从1970.1.1 0:00以来的毫秒数
setUTCDate ｜ 设置UTC格式的当前日期(本月的几号)
setUTCFullYear ｜ 设置UTC格式的当前年份(四位数字)
setUTCHours ｜ 设置UTC格式的当前小时数(24小时制,0-23)
setUTCMilliseconds ｜ 设置UTC格式的当前毫秒数
setUTCMinutes ｜ 设置UTC格式的当前分钟数
setUTCMonth ｜ 设置UTC格式的当前月份(注意从0开始:0-Jan,1-Feb…)
setUTCSeconds ｜ 设置UTC格式的当前秒数
setYear ｜ 设置当前缩写年份(当前年份减去1900)
toString ｜ 将日期时间值转换成”日期/时间”形式的字符串值
Date.UTC ｜ 返回指定的UTC格式日期时间的固定时间值
【推荐学习：javascript高级教程】
以上是javascript怎么动态显示时间的详细内容。更多信息请关注PHP中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
如何使用WebSocket和JavaScript实现在线语音识别系统
Dec 17, 2023 pm 02:54 PM
如何使用WebSocket和JavaScript实现在线语音识别系统引言：随着科技的不断发展，语音识别技术已经成为了人工智能领域的重要组成部分。而基于WebSocket和JavaScript实现的在线语音识别系统，具备了低延迟、实时性和跨平台的特点，成为了一种被广泛应用的解决方案。本文将介绍如何使用WebSocket和JavaScript来实现在线语音识别系
WebSocket与JavaScript：实现实时监控系统的关键技术
Dec 17, 2023 pm 05:30 PM
WebSocket与JavaScript：实现实时监控系统的关键技术引言：随着互联网技术的快速发展，实时监控系统在各个领域中得到了广泛的应用。而实现实时监控的关键技术之一就是WebSocket与JavaScript的结合使用。本文将介绍WebSocket与JavaScript在实时监控系统中的应用，并给出代码示例，详细解释其实现原理。一、WebSocket技
如何利用JavaScript和WebSocket实现实时在线点餐系统
Dec 17, 2023 pm 12:09 PM
如何利用JavaScript和WebSocket实现实时在线点餐系统介绍：随着互联网的普及和技术的进步，越来越多的餐厅开始提供在线点餐服务。为了实现实时在线点餐系统，我们可以利用JavaScript和WebSocket技术。WebSocket是一种基于TCP协议的全双工通信协议，可以实现客户端与服务器的实时双向通信。在实时在线点餐系统中，当用户选择菜品并下单
如何使用WebSocket和JavaScript实现在线预约系统
Dec 17, 2023 am 09:39 AM
如何使用WebSocket和JavaScript实现在线预约系统在当今数字化的时代，越来越多的业务和服务都需要提供在线预约功能。而实现一个高效、实时的在线预约系统是至关重要的。本文将介绍如何使用WebSocket和JavaScript来实现一个在线预约系统，并提供具体的代码示例。一、什么是WebSocketWebSocket是一种在单个TCP连接上进行全双工
JavaScript和WebSocket：打造高效的实时天气预报系统
Dec 17, 2023 pm 05:13 PM
JavaScript和WebSocket：打造高效的实时天气预报系统引言：如今，天气预报的准确性对于日常生活以及决策制定具有重要意义。随着技术的发展，我们可以通过实时获取天气数据来提供更准确可靠的天气预报。在本文中，我们将学习如何使用JavaScript和WebSocket技术，来构建一个高效的实时天气预报系统。本文将通过具体的代码示例来展示实现的过程。We
javascript中如何使用insertBefore
Nov 24, 2023 am 11:56 AM
用法：在JavaScript中，insertBefore()方法用于在DOM树中插入一个新的节点。这个方法需要两个参数：要插入的新节点和参考节点（即新节点将要被插入的位置的节点）。
简易JavaScript教程：获取HTTP状态码的方法
Jan 05, 2024 pm 06:08 PM
JavaScript教程：如何获取HTTP状态码，需要具体代码示例前言：在Web开发中，经常会涉及到与服务器进行数据交互的场景。在与服务器进行通信时，我们经常需要获取返回的HTTP状态码来判断操作是否成功，根据不同的状态码来进行相应的处理。本篇文章将教你如何使用JavaScript获取HTTP状态码，并提供一些实用的代码示例。使用XMLHttpRequest
JavaScript和WebSocket：打造高效的实时图像处理系统
Dec 17, 2023 am 08:41 AM
JavaScript是一种广泛应用于Web开发的编程语言，而WebSocket则是一种用于实时通信的网络协议。结合二者的强大功能，我们可以打造一个高效的实时图像处理系统。本文将介绍如何利用JavaScript和WebSocket来实现这个系统，并提供具体的代码示例。首先，我们需要明确实时图像处理系统的需求和目标。假设我们有一个摄像头设备，可以采集实时的图像数
