javascript页面动态显示时间变化示例代码

代码如下:

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

<script>
function getDateDemo(){
/*

//声明时间
var date = new Date();
alert(date);//当前时间
alert(date.toLocaleString());//转化为本地时间
alert(date.getFullYear());//显示年份
alert(date.getMonth() + 1);//显示月份 0-11，需要加1
alert(date.getDate());//显示一月中的日期
alert(date.getDay());//显示一周的日期，星期几
alert(date.getHours());//获取小时时间
alert(date.getMinutes());//获取当前分钟
alert(date.getSeconds());//获取当前秒数
alert(date.getMilliseconds());//获取当前的毫秒数
alert(date.getTime());//获取从1970年1月1日午夜零时，到当前时间的毫秒值
*/
//分别获取年、月、日、时、分、秒
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();

//月份的显示为两位数字如09月
if(month < 10 ){
month = "0" + month;
}
if(date < 10 ){
date = "0" + date;
}

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

//document.write(dateTime);//打印当前时间

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

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

赞 (0)

相关推荐

  • 纯js实现动态时间显示

    本文实例为大家分享了js动态时间显示 的具体代码,供大家参考,具体内容如下 <!doctype html> <html> <head> <meta charset="utf-8"> <title>js动态时间显示 </title> </head> <body id = "show"> <script> function run(){ var time = ne

  • js显示动态时间的方法详解

    js显示动态时间的方法详解

    本文实例讲述了js显示动态时间的方法.分享给大家供大家参考,具体如下: Date对象的方法 Date 对象能够使你获得相对于国际标准时间(格林威治标准时间,现在被称为 UTC-Universal Coordinated Time)或者是 Flash 播放器正运行的操作系统的时间和日期.要使用Date对象的方法,你就必须先创建一个Date对象的实体(Instance). Date 对象必须使用 Flash 5 或以后版本的播放器. Date 对象的方法并不是静态的,但是在使用时却可以应用于所指定的

  • 基于javascript实现动态显示当前系统时间

    基于javascript实现动态显示当前系统时间

    本文实例讲解了javascript实现动态显示当前系统时间的详细代码,具体内容如下 (1)时间日期信息,应该在一个<div>中来显示 (2)定时器:每隔一秒再次访问系统时间,window对象的setTimeout() (3)时钟显示的时机(事件):当网页加载完成后才显示,事件onload (4)如何将 时间日期信息 写入到指定的<div>中,DOM对象中的innerHTML属性 效果图: 具体代码: <html> <head> <meta http-e

  • Java从服务器上获取时间动态显示在jsp页面实现思路

    Java获取服务器时间,动态显示到jsp页面,大家都是到Java只能获取一次,到页面的时间是静态的,不过通过js和Java的合作,巧妙地实现此功能. 本人是给电视做系统,客户要求页面能显示时间,因为电视浏览器获取的时间不对,没办法只能从服务器获取时间,但是问题来了,服务器的时间获取一次就成静态的了,客户不满意,但也没办法,只能这样.不过这个问题在我这老惦记着,今天看到有个例子,说把Java获取服务器的时间转化成毫秒,然后用js每一秒刷新一次就可以动态显示,所以就有了下面的 复制代码 代码如下:

  • JS动态获取当前时间,并写到特定的区域

    复制代码 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>  <head>   <script type="text/jav

  • 纯JS实现动态时间显示代码

    复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title> <script language="javascript">

  • html+js实现动态显示本地时间

    复制代码 代码如下: <span style="font-size:18px"><html> <span style="white-space:pre"> </span><body> <span style="white-space:pre"> </span> <script language = javascript> <span style=

  • asp.net 实现动态显示当前时间(不用javascript不考虑开销)

    Default.aspx页面:先拉一个ScriptManager控件到页面,然后拉一个UpdatePanel控件.UpdatePanel里面放一个Label用于显示时间,放一个timer控件用于控制时间的更新.注意Label与Label都要放到UpdatePanel控件里面.最后,timer控件的Interval属性设置为1000,让它每1秒执行一次即更新时间. Default.aspx.cs页面:只需在 protected void Page_Load(object sender, Event

  • JS动态日期时间的获取方法

    JS动态日期时间的获取方法

    由于代码比较简单,小编就不再讲解,看代码就明白了,直接把实例帖出来. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>实时时间</title> <script type="text/javascript"> var slidint; function newTimer() { stopit(); var today; today = new

  • .net动态显示当前时间(客户端javascript)

    个人感觉完全为了Ajax而Ajax就不好了!JavaScript在客户端处理不是更理想吗? 复制代码 代码如下: function Timer(span) { var tmp = new Date(); var milsecs=Date.parse(tmp.getMonth()+"-"+tmp.getDay()+"-"+tmp.getFullYear()+" "+document.getElementById('lbl_Hour').innerT

随机推荐