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 写的简单进度条控件
Jan 22 Javascript
JS获取当前日期时间并定时刷新示例
Mar 04 Javascript
js onmousewheel事件多次触发问题解决方法
Oct 17 Javascript
学习JavaScript设计模式之模板方法模式
Jan 20 Javascript
用原生js做单页应用
Jan 17 Javascript
js实现带简单弹性运动的导航条
Feb 22 Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
Mar 25 Javascript
深入浅析JavaScript中的RegExp对象
Sep 18 Javascript
JavaScript canvas实现围绕旋转动画
Nov 18 Javascript
vue、react等单页面项目应该这样子部署到服务器
Jan 03 Javascript
Vue.js 中的 v-show 指令及用法详解
Nov 19 Javascript
如何开发一个渐进式Web应用程序PWA
May 10 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/08/19 PHP
PHP整合七牛实现上传文件
2015/07/03 PHP
必须收藏的23个php实用代码片段
2016/02/02 PHP
thinkPHP5.0框架事务处理操作简单示例
2018/09/07 PHP
YII2框架中日志的配置与使用方法实例分析
2020/03/18 PHP
JavaScript 使用技巧精萃(.net html
2009/04/25 Javascript
Jquery Autocomplete 结合asp.net使用要点
2010/10/29 Javascript
利用javascript的面向对象的特性实现限制试用期
2011/08/04 Javascript
Javascript生成json的函数代码(可以用php的json_decode解码)
2012/06/11 Javascript
到处都是jQuery选择器的年代 不了解它们的性能,行吗
2012/06/18 Javascript
js获取光标位置和设置文本框光标位置示例代码
2014/01/09 Javascript
JS实现静止元素自动移动示例
2014/04/14 Javascript
jQuery实现的导航条切换可显示隐藏
2014/10/22 Javascript
Node.js中的模块机制学习笔记
2014/11/04 Javascript
jQuery的deferred对象详解
2014/11/12 Javascript
Javascript中的高阶函数介绍
2015/03/15 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
2021/01/28 Javascript
前端分页功能的实现以及原理(jQuery)
2017/01/22 Javascript
jquery uploadify如何取消已上传成功文件
2017/02/08 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
2017/09/07 Javascript
如何解决webpack-dev-server代理常切换问题
2019/01/09 Javascript
进一步理解Python中的函数编程
2015/04/13 Python
python中WSGI是什么,Python应用WSGI详解
2017/11/24 Python
对Django url的几种使用方式详解
2019/08/06 Python
tensorflow tf.train.batch之数据批量读取方式
2020/01/20 Python
Python单元测试模块doctest的具体使用
2020/02/10 Python
Python sep参数使用方法详解
2020/02/12 Python
谈谈python垃圾回收机制
2020/09/27 Python
在子网210.27.48.21/30种有多少个可用地址?分别是什么?
2014/07/27 面试题
Solaris操作系统的线程机制
2015/07/28 面试题
最新茶叶店创业计划书
2014/01/14 职场文书
报考公务员诚信承诺书
2014/08/29 职场文书
民事诉讼代理委托书
2014/10/08 职场文书
2015年乡镇财政工作总结
2015/05/19 职场文书
秋收起义观后感
2015/06/11 职场文书
李强优秀员工观后感
2015/06/16 职场文书