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 滑入滑出效果实现代码
Mar 27 Javascript
js 模拟气泡屏保效果代码
Jul 10 Javascript
javascript使用eval或者new Function进行语法检查
Oct 16 Javascript
浅谈javascript中的作用域
Apr 07 Javascript
JQuery中的事件及动画用法实例
Jan 26 Javascript
Jquery 全选反选实例代码
Nov 19 Javascript
微信小程序 action-sheet 反馈上拉菜单简单实例
May 11 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
Sep 07 Javascript
angular4强制刷新视图的方法
Oct 09 Javascript
node.js文件操作系统实例详解
Nov 05 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
Nov 05 Javascript
JS异步堆栈追踪之为什么await胜过Promise
Apr 28 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合并数组array_merge函数运算符加号与的区别
2008/10/31 PHP
ubuntu10.04配置 nginx+php-fpm模式的详解
2013/06/03 PHP
php中curl使用指南
2015/02/05 PHP
PHP7扩展开发教程之Hello World实现方法示例
2017/08/03 PHP
php设计模式之适配器模式原理、用法及注意事项详解
2019/09/24 PHP
用js实现多域名不同文件的调用方法
2007/01/12 Javascript
基于jQuery的实现简单的分页控件
2010/10/10 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
2016/05/21 Javascript
jQuery AJAX timeout 超时问题详解
2016/06/21 Javascript
实现JavaScript高性能的数据存储
2016/12/11 Javascript
详解vue之页面缓存问题(基于2.0)
2017/01/10 Javascript
简单的网页广告特效实例
2017/08/19 Javascript
react学习笔记之state以及setState的使用
2017/12/07 Javascript
jQuery实现菜单的显示和隐藏功能示例
2018/07/24 jQuery
JavaScript作用域链实例详解
2019/01/21 Javascript
js实现json数组分组合并操作示例
2019/02/12 Javascript
vue从零实现一个消息通知组件的方法详解
2020/03/16 Javascript
浅谈Python 集合(set)类型的操作——并交差
2016/06/30 Python
python 文件转成16进制数组的实例
2018/07/09 Python
Python logging模块用法示例
2018/08/28 Python
浅谈python 中类属性共享的问题
2019/07/02 Python
python的移位操作实现详解
2019/08/21 Python
Python 面向对象之封装、继承、多态操作实例分析
2019/11/21 Python
Python使用urllib模块对URL网址中的中文编码与解码实例详解
2020/02/18 Python
Python ckeditor富文本编辑器代码实例解析
2020/06/22 Python
CSS3 translate导致字体模糊的实例代码
2019/08/30 HTML / CSS
英国派对礼服和连衣裙购物网站:TFNC London
2018/07/07 全球购物
瑞士灯具购物网站:Lampenwelt.ch
2018/07/08 全球购物
土耳其玩具商店:Toyzz Shop
2019/08/02 全球购物
静态成员和非静态成员的区别
2012/05/12 面试题
中华在我心中演讲稿
2014/09/13 职场文书
预备党员对照检查材料思想汇报
2014/09/24 职场文书
学校计划生育责任书
2015/05/09 职场文书
小学班级标语口号大全
2015/12/26 职场文书
python3读取文件指定行的三种方法
2021/05/24 Python