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 相关文章推荐
javascript onmouseout 解决办法
Jul 17 Javascript
js中将字符串转换成json的三种方式
Jan 12 Javascript
jquery 无限级联菜单案例分享
Mar 26 Javascript
js中的时间转换—毫秒转换成日期时间的示例代码
Jan 26 Javascript
jQuery实现默认是闭合的FAQ展开效果菜单
Sep 14 Javascript
JavaScript中的数据类型转换方法小结
Oct 26 Javascript
Web程序员必备的7个JavaScript函数
Jun 14 Javascript
使用Node.js实现RESTful API的示例
Aug 01 Javascript
vue单页开发父子组件传值思路详解
May 18 Javascript
Vue + Scss 动态切换主题颜色实现换肤的示例代码
Apr 27 Javascript
JavaScript Window浏览器对象模型原理解析
May 30 Javascript
JavaScript实现一键复制内容剪贴板
Jul 23 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版)
2012/08/21 PHP
php实现的mongodb操作类
2015/05/28 PHP
php readfile下载大文件失败的解决方法
2017/05/22 PHP
PHP耦合设计模式实例分析
2018/08/08 PHP
PHP设计模式之 策略模式Strategy详解【对象行为型】
2020/05/01 PHP
JavaScript 中的事件教程
2007/04/05 Javascript
判断用户的在线状态 onbeforeunload事件
2011/03/05 Javascript
jquery 年会抽奖程序
2011/12/22 Javascript
JavaScript对数组进行随机重排的方法
2015/07/22 Javascript
js遍历map javaScript遍历map的简单实现
2016/08/26 Javascript
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
ComboBox(下拉列表框)通过url加载调用远程数据的方法
2017/08/06 Javascript
微信小程序实现星级评分和展示
2018/07/05 Javascript
JS实现全屏预览F11功能的示例代码
2018/07/23 Javascript
详解vue-cli 脚手架 安装
2019/04/16 Javascript
解决element-ui的下拉框有值却无法选中的情况
2020/11/07 Javascript
[05:46]DOTA2英雄梦之声_第18期_陈
2014/06/20 DOTA
[55:45]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.24
2019/09/10 DOTA
使用FastCGI部署Python的Django应用的教程
2015/07/22 Python
Python实现模拟时钟代码推荐
2015/11/08 Python
python基础教程之五种数据类型详解
2017/01/12 Python
Python中类型检查的详细介绍
2017/02/13 Python
Python中xrange与yield的用法实例分析
2017/12/26 Python
python 对象和json互相转换方法
2018/03/22 Python
解决python 读取excel时 日期变成数字并加.0的问题
2019/10/08 Python
使用Rasterio读取栅格数据的实例讲解
2019/11/26 Python
tensorflow求导和梯度计算实例
2020/01/23 Python
Python小白不正确的使用类变量实例
2020/05/29 Python
python语言是免费还是收费的?
2020/06/15 Python
HTML5实现音频和视频嵌入的方法
2018/08/22 HTML / CSS
九年级历史教学反思
2014/01/27 职场文书
关于运动会广播稿50字
2014/10/18 职场文书
活动总结书怎么写
2015/05/11 职场文书
九年级历史教学反思
2016/02/19 职场文书
2019客服个人年终工作总结范文
2019/07/08 职场文书
java获取一个文本文件的编码(格式)信息
2022/09/23 Java/Android