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中继承的几种用法总结(apply,call,prototype)
Dec 26 Javascript
JS创建类和对象的两种不同方式
Aug 08 Javascript
JavaScript String 对象常用方法详解
May 13 Javascript
Bootstrap零基础入门教程(二)
Jul 18 Javascript
jquery插件uploadify多图上传功能实现代码
Aug 12 Javascript
jQuery实现的分页功能示例
Jan 22 Javascript
使用Vuex解决Vue中的身份验证问题
Sep 28 Javascript
VUE路由动态加载实例代码讲解
Aug 26 Javascript
Vue2.4+新增属性.sync、$attrs、$listeners的具体使用
Mar 08 Javascript
Vue通过provide inject实现组件通信
Sep 03 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
Sep 21 Javascript
vue实现表格合并功能
Dec 01 Vue.js
页面实时更新时间的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基础知识:类与对象(2) 自动加载对象
2006/12/13 PHP
thinkphp判断访客为手机端或PC端的方法
2014/11/24 PHP
PHP针对中英文混合字符串长度判断及截取方法示例
2017/03/31 PHP
gearman中任务的优先级和返回状态实例分析
2020/02/27 PHP
用js调用迅雷下载代码的二种方法
2013/04/15 Javascript
js window.print实现打印特定控件或内容
2013/09/16 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
2015/05/09 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
2015/08/28 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
2017/05/08 jQuery
Bootstrap table学习笔记(2) 前后端分页模糊查询
2017/05/18 Javascript
关于Angular2 + node接口调试的解决方案
2017/05/28 Javascript
微信小程序获取手机网络状态的方法【附源码下载】
2017/12/08 Javascript
nodejs实现的连接MySQL数据库功能示例
2018/01/25 NodeJs
vue 动态改变静态图片以及请求网络图片的实现方法
2018/02/07 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
2018/06/29 Javascript
JavaScript代理模式原理与用法实例详解
2020/03/10 Javascript
vue监听滚动事件的方法
2020/12/21 Vue.js
[04:44]DOTA2 2017全国高校联赛视频回顾
2017/08/21 DOTA
使用PYTHON接收多播数据的代码
2012/03/01 Python
Python中使用tarfile压缩、解压tar归档文件示例
2015/04/05 Python
Python中easy_install 和 pip 的安装及使用
2017/06/05 Python
详解 Python 读写XML文件的实例
2017/08/02 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
python实现屏保计时器的示例代码
2018/08/08 Python
基于Python实现大文件分割和命名脚本过程解析
2019/09/29 Python
python多线程案例之多任务copy文件完整实例
2019/10/29 Python
python-xpath获取html文档的部分内容
2020/03/06 Python
Pytorch实验常用代码段汇总
2020/11/19 Python
python解决OpenCV在读取显示图片的时候闪退的问题
2021/02/23 Python
css3实现背景动态渐变效果
2019/12/10 HTML / CSS
2015年基层党组织公开承诺书
2015/01/21 职场文书
2015最新学生自我评价范文
2015/03/03 职场文书
2015年农村党员干部主题教育活动总结
2015/03/25 职场文书
留学推荐信英文范文
2015/03/26 职场文书
创建文明城市倡议书
2015/04/28 职场文书
党员志愿者服务倡议书
2015/04/29 职场文书