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 相关文章推荐
Jquery跨域获得Json时invalid label错误的解决办法
Jan 11 Javascript
js点击事件链接的问题解决
Apr 25 Javascript
js正则表达式匹配数字字母下划线等
Apr 14 Javascript
简单的jQuery banner图片轮播实例代码
Mar 04 Javascript
基于JavaScript实现 网页切出 网站title变化代码
Apr 03 Javascript
浅谈JavaScript的innerWidth与innerHeight
Oct 12 Javascript
vue better-scroll插件使用详解
Jan 25 Javascript
官方推荐react-navigation的具体使用详解
May 08 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
May 11 Javascript
微信小程序云开发实现增删改查功能
May 17 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
Vant 在vue-cli 4.x中按需加载操作
Nov 05 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/10/09 PHP
php在线代理转向代码
2012/05/05 PHP
php计算整个目录大小的方法
2015/06/01 PHP
php实现网站顶踩功能的完整前端代码
2015/07/19 PHP
10个php函数实用却不常见
2015/10/13 PHP
关于COOKIE个数与大小的问题
2011/01/17 Javascript
jquery移动listbox的值原理及代码
2013/05/03 Javascript
JS判断数组中是否有重复值得三种实用方法
2013/08/16 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
2013/12/19 Javascript
jquery无法设置checkbox选中即没有变成选中状态
2014/03/27 Javascript
javascript结合canvas实现图片旋转效果
2015/05/03 Javascript
BootStrap入门教程(二)之固定的内置样式
2016/09/19 Javascript
ThinkPHP+jquery实现“加载更多”功能代码
2017/03/11 Javascript
十分钟带你快速了解React16新特性
2017/11/10 Javascript
mockjs,json-server一起搭建前端通用的数据模拟框架教程
2017/12/18 Javascript
详解Vue底部导航栏组件
2019/05/02 Javascript
通过实例解析javascript Date对象属性及方法
2020/11/04 Javascript
Python爬虫爬取美剧网站的实现代码
2016/09/03 Python
Python数据结构与算法之图的基本实现及迭代器实例详解
2017/12/12 Python
详解Python字符串切片
2019/05/20 Python
pytorch查看通道数 维数 尺寸大小方式
2020/05/26 Python
ECOSUSI官网:女式皮革背包
2019/09/27 全球购物
俄罗斯隐形眼镜和眼镜在线商店:Cronos
2020/06/02 全球购物
华为的Java面试题
2014/03/07 面试题
关于Assembly命名空间的三个面试题
2015/07/23 面试题
shell程序如何生命变量?shell变量是弱变量吗?
2014/11/10 面试题
自我评价的正确写法
2013/09/19 职场文书
土木工程专业自荐信
2013/10/04 职场文书
应届大学生自荐信
2013/12/05 职场文书
小学英语教学反思案例
2014/02/04 职场文书
计算机专业自荐信
2014/05/24 职场文书
验房委托书
2014/08/30 职场文书
幼儿园三八妇女节活动总结
2015/02/06 职场文书
2015年教师学期工作总结
2015/04/30 职场文书
实现AJAX异步调用和局部刷新的基本步骤
2022/03/17 Javascript