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 相关文章推荐
一个很酷的拖动层的js类,兼容IE及Firefox
Jun 23 Javascript
JS操作Cookies的小例子
Oct 15 Javascript
老生常谈js动态添加事件--- 事件委托
Jul 19 Javascript
Javascript之面向对象--方法
Dec 02 Javascript
JavaScript函数参数的传递方式详解
Mar 06 Javascript
基于JS对象创建常用方式及原理分析
Jun 28 Javascript
JS实现图片居中悬浮效果
Dec 25 Javascript
使用RN Animated做一个“添加购物车”动画的方法
Sep 12 Javascript
微信小程序使用echarts获取数据并生成折线图
Oct 16 Javascript
JavaScript使用canvas绘制随机验证码
Feb 17 Javascript
vue路由跳转传递参数的方式总结
May 10 Javascript
vue大型项目之分模块运行/打包的实现
Sep 21 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
PHP date函数参数详解
2006/11/27 PHP
php开发工具之vs2005图解
2008/01/12 PHP
phpword插件导出word文件时中文乱码问题处理方案
2014/08/19 PHP
Laravel框架学习笔记(二)项目实战之模型(Models)
2014/10/15 PHP
php数组比较实现查找连续数的方法
2015/07/29 PHP
tp5框架无刷新分页实现方法分析
2019/09/26 PHP
JavaScript调用Activex控件的事件的实现方法
2010/04/11 Javascript
js DOM 元素ID就是全局变量
2012/09/20 Javascript
浅谈javascript中onbeforeunload与onunload事件
2015/12/10 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
2016/07/04 Javascript
js微信支付实现代码
2016/12/22 Javascript
JavaScript体验异步更好的解决办法
2018/01/08 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
Vue-Cli项目优化操作的实现
2019/10/27 Javascript
[02:02]DOTA2英雄基础教程 斯拉达
2013/12/11 DOTA
python用于url解码和中文解析的小脚本(python url decoder)
2013/08/11 Python
Python threading多线程编程实例
2014/09/18 Python
python发送邮件功能实现代码
2016/07/15 Python
Python+selenium 获取浏览器窗口坐标、句柄的方法
2018/10/14 Python
Python实现删除排序数组中重复项的两种方法示例
2019/01/31 Python
python 实现返回一个列表中出现次数最多的元素方法
2019/06/11 Python
Django urls.py重构及参数传递详解
2019/07/23 Python
Python实现RGB与HSI颜色空间的互换方式
2019/11/27 Python
最新版 Windows10上安装Python 3.8.5的步骤详解
2020/11/28 Python
衰败城市英国官网:Urban Decay英国
2020/04/29 全球购物
经典演讲稿范文
2013/12/30 职场文书
老总助理工作岗位职责
2014/02/06 职场文书
大学新闻系应届生求职信
2014/06/02 职场文书
广播体操比赛口号
2014/06/10 职场文书
慈善捐赠倡议书
2014/08/30 职场文书
委托书怎样写
2014/08/30 职场文书
优秀员工自荐书
2015/03/06 职场文书
信用卡工资证明范本
2015/06/19 职场文书
温馨祝福晨语:美丽的一天从我的问候开始
2019/11/28 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript