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


Posted in Javascript onDecember 18, 2013
<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>
Javascript 相关文章推荐
DIY jquery plugin - tabs标签切换实现代码
Dec 11 Javascript
js实现简单的购物车有图有代码
May 26 Javascript
Node.js实现的简易网页抓取功能示例
Dec 05 Javascript
jQuery实现的跨容器无缝拖动效果代码
Jun 21 Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
Aug 01 Javascript
less简单入门(CSS 预处理语言)
Mar 08 Javascript
Node.js中使用mongoose操作mongodb数据库的方法
Sep 12 Javascript
详解在express站点中使用ejs模板引擎
Sep 21 Javascript
微信小程序视图控件与bindtap之间的问题的解决
Apr 08 Javascript
详解Element-UI中上传的文件前端处理
Aug 07 Javascript
使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部
Sep 16 Javascript
微信小程序 wx:for 与 wx:for-items 与 wx:key的正确用法
May 19 Javascript
页面实时更新时间的JS实例代码
Dec 18 #Javascript
带左右箭头图片轮播的JS代码
Dec 18 #Javascript
用js代码改变单选框选中状态的简单实例
Dec 18 #Javascript
浅析document.ready和window.onload的区别讲解
Dec 18 #Javascript
浅谈Javascript 执行顺序
Dec 18 #Javascript
Javascript浅谈之引用类型
Dec 18 #Javascript
浅析JQuery UI Dialog的样式设置问题
Dec 18 #Javascript
You might like
删除无限级目录与文件代码共享
2006/07/12 PHP
PHP上传文件时自动分配路径的方法
2015/01/09 PHP
PHP Callable强制指定回调类型的方法
2016/08/30 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
javascript options属性集合操作代码
2009/12/28 Javascript
JQuery的自定义事件代码,触发,绑定简单实例
2013/08/01 Javascript
js实现的奥运倒计时时钟效果代码
2015/12/09 Javascript
理解javascript对象继承
2016/04/17 Javascript
JavaScript  cookie 跨域访问之广告推广
2016/04/20 Javascript
AngularJS基础 ng-copy 指令实例代码
2016/08/01 Javascript
js enter键激发事件实例代码
2016/08/17 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
JavaScript 详解预编译原理
2017/01/22 Javascript
Jquery获取radio选中的值
2017/05/05 jQuery
vue2.0学习之axios的封装与vuex介绍
2018/05/28 Javascript
Vue SPA 初次进入加载动画实现代码
2019/11/14 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
2020/02/14 Javascript
js+canvas实现五子棋小游戏
2020/08/02 Javascript
如何在VUE中使用vue-awesome-swiper
2021/01/04 Vue.js
和孩子一起学习python之变量命名规则
2018/05/27 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
Python实现FM算法解析
2019/06/18 Python
python粘包问题及socket套接字编程详解
2019/06/29 Python
Python爬虫 urllib2的使用方法详解
2019/09/23 Python
详解numpy矩阵的创建与数据类型
2019/10/18 Python
使用python库xlsxwriter库来输出各种xlsx文件的示例
2020/09/01 Python
怎么解决pycharm license Acti的方法
2020/10/28 Python
KIKO比利时官网:意大利彩妆品牌
2017/07/23 全球购物
英国家居装饰品、户外家具和玻璃器皿购物网站:Rinkit.com
2019/11/04 全球购物
给客户的道歉信
2014/01/13 职场文书
领班岗位职责范文
2014/02/06 职场文书
餐厅收银员岗位职责
2015/04/07 职场文书
2015年美容师个人工作总结
2015/10/14 职场文书
怎么用Python识别手势数字
2021/06/07 Python
CSS list-style-type属性使用方法
2023/05/21 HTML / CSS