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 easyui的tabs使用时的问题
Mar 23 Javascript
基于JQuery的类似新浪微博展示信息效果的代码
Jul 23 Javascript
js倒计时小程序
Nov 05 Javascript
使用简洁的jQuery方法实现隔行换色功能
Jan 02 Javascript
jQuery选择器源码解读(三):tokenize方法
Mar 31 Javascript
原生javascript实现匀速运动动画效果
Feb 26 Javascript
浅谈jQuery中ajaxPrefilter的应用
Aug 01 Javascript
微信小程序 Nginx环境配置详细介绍
Feb 14 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
Aug 28 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
Apr 25 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
Jul 19 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
Jun 04 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 采集程序原理分析篇
2010/03/05 PHP
php安全之直接用$获取值而不$_GET 字符转义
2012/06/03 PHP
php 深入理解strtotime函数的使用详解
2013/05/23 PHP
php合并数组中相同元素的方法
2014/11/13 PHP
PHP异常处理浅析
2015/05/12 PHP
PHP中把错误日志保存在系统日志中(Windows系统)
2015/06/23 PHP
PHP经典面试题之设计模式(经常遇到)
2015/10/15 PHP
javascript[js]获取url参数的代码
2007/10/17 Javascript
jquery 漂亮的删除确认和提交无刷新删除示例
2013/11/13 Javascript
怎么选择Javascript框架(Javascript Framework)
2013/11/22 Javascript
js生成的验证码的实现与技术分析
2014/09/17 Javascript
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
2016/07/20 Javascript
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
2016/11/10 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
lhgcalendar时间插件限制只能选择三个月的实现方法
2017/07/03 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
2018/05/07 Javascript
angularJS实现不同视图同步刷新详解
2018/10/09 Javascript
对layer弹出框中icon数字参数的说明介绍
2019/09/04 Javascript
Vue.js使用axios动态获取response里的data数据操作
2020/09/08 Javascript
Python中列表(list)操作方法汇总
2014/08/18 Python
python实现马耳可夫链算法实例分析
2015/05/20 Python
linecache模块加载和缓存文件内容详解
2018/01/11 Python
Python OpenCV实现图片上输出中文
2018/01/22 Python
Python List cmp()知识点总结
2019/02/18 Python
Django Serializer HiddenField隐藏字段实例
2020/03/31 Python
pandas数据选取:df[] df.loc[] df.iloc[] df.ix[] df.at[] df.iat[]
2020/04/24 Python
详解python日志输出使用配置文件格式
2021/02/10 Python
Conforama西班牙:您的家具、装饰和电器商店
2020/02/21 全球购物
面向对象概念面试题(.NET)
2016/11/04 面试题
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
会计自荐书
2013/12/02 职场文书
党员公开承诺践诺书
2014/03/25 职场文书
百年孤独读书笔记
2015/06/29 职场文书
《月光曲》教学反思
2016/02/16 职场文书