js实时显示系统时间

刚刚在做后台页面最上面要动态显示时间刚写了这个代码

将这段代码加入<head></head>

<!--时间显示代码 -->
<script>
function clockon(contentDate){    
var now = new Date();    
var year = now.getYear();    
var month = now.getMonth();    
var date = now.getDate();    
var day = now.getDay();    
var hour = now.getHours();    
var minu = now.getMinutes();    
var sec = now.getSeconds();   
var week;     
month = month+1;    
if(month<10)month="0"+month;    
if(date<10)date="0"+date;    
if(hour<10)hour="0"+hour;    
if(minu<10)minu="0"+minu;    
if(sec<10)sec="0"+sec;    
//var arr_week = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");     
//week = arr_week[day];    这里显示星期几，我不用所以注释掉了
var time = "";    
time = year+"-"+month+"-"+date+"&nbsp;"+hour+":"+minu+":"+sec;

//time = year+"-"+month+"-"+date+"week"+hour+":"+minu+":"+sec;   如果需要显示周几的话可以用这句代码
if(document.all){        
 contentDate.innerHTML=""+time+""    }    
var timer = setTimeout("clockon(contentDate)",200);            
}</script>
<!--时间显示代码 -->

需要显示时间的地方代码如下：<div align="right" id="contentDate" ></div>

时间： 2024-11-13 04:33:38

js实时显示系统时间的相关文章

实时显示系统时间

1.概述 在浏览很多网站时,都会发现在网站中加入了显示当前系统时间的功能,在网页中显示当前系统时间,不仅可以方便浏览者掌握当前时间,而且还美化了网页. 2.技术要点 利用Date对象来实现.首先创建一个表示当前系统时间的Date()对象,然后通过Date对象的getXxx()方法获得当前系统时间的年.月.日.小时.分.秒和星期的值,接下来将获得的这些值组合成一个日期时间字符串,并将日期时间字符串设置成为<div>标签的内容,最后通过window对象的setTimeout()函数每隔1秒调用一个

关于时间的操作（JavaScript版）——年月日三级联动（默认显示系统时间）

这个功能是大学时自己使用纯JavaScript写的,没有借助Jquery,呵呵呵,看起来有点繁琐,可是在当时依稀的记得功能实现后自己好好的高兴一把了呢,从现在来看那时候的自己是多么的幼稚.多么的无知: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>年月日三级联动(默认显示系统时间)</title> <

js简单显示动态时间点

<input type="text" id="showtime" redayonly="redayonly" /> <script> function nowGetTime(){ var date=new Date(); document.getElementById("showtime").value=date.getFullYear()+"-"+(date.getMonth()+

MFC显示系统时间

准备工作: 1.在视图中右击->类向导->消息->找到消息WM_TIMER,同事右侧会出现消息的响应函数OnTimer,双击OnTimer 一.标题栏显示系统时间 1.在BOOL XXXDlg::OnInitDialog()函数中添加定时器SetTimer(1,1000,NULL);//第一个参数是定时器ID,你随意定,但是如果不能喝其他定时器的ID重复,第二个参数是时间(ms)就是每隔多长时间执行一次,第三个参数一般为NULL,为NULL是表示使用OnTimer为响应函数,当然你也可以

使用js实现显示系统当前时间并实现倒计时功能并触发模态框（遮罩）功能

常常在我们的网页中需要倒计时来触发一些函数,例如遮罩等,在本项目中,通过使用jquery,bootstrap,实现了显示系统当前时间,并且实现了倒计时的功能,倒计时实现后将会弹出模态框(遮罩层).模态框界面友好,使用灵活,以弹出对话框的形式出现.具体见下图1: 项目源文件地址:https://github.com/zhangxy1035/Countdown 参考资料:http://v3.bootcss.com/javascript/#modals 图1: 关于倒计时函数如下: 1 var tim

JS即时显示当前时间

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>当前系统时间</title> <link rel="stylesheet" href="style.css" /> <scri

html代码中显示系统时间

可以显示系统的静态时间和动态时间 1,静态时间 <script type="text/javascript"> var myDate = new Date(); document.write(myDate.toLocaleString()) </script> 静态时间显示 2,动态时间显示 <script> function show(){ var date = new Date(); //日期对象 var now = "";

好玩的WPF第二弹：电子表字体+显示系统时间

效果呢就是这么个效果,难度相较于上一篇也要简单许多. 首先是定义一个TextBlock如下. <Grid> <TextBlock Name="tBlockTime" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="68" Foreground="Green"/> </Grid> 后台代码如

Angular实时显示日期时间

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>AngularJS 内置服务</title> <script src='./angular.min.js'></script> </head> <body ng-app="App"> <