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 相关文章推荐
js小技巧--自动隐藏红叉叉
Aug 13 Javascript
javascript动画效果类封装代码
Aug 28 Javascript
来自chinaz的ajax获取评论代码
May 03 Javascript
extjs3 combobox取value和text案例详解
Feb 06 Javascript
防止xss和sql注入:JS特殊字符过滤正则
Apr 18 Javascript
jquery live()调用不存在的解决方法
Feb 26 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
Mar 28 Javascript
详解Node.js如何开发命令行工具
Aug 14 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
Dec 08 Javascript
javascript设计模式 ? 装饰模式原理与应用实例分析
Apr 14 Javascript
JS原型对象操作实例分析
Jun 06 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
Aug 12 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 inc文件使用的风险和注意事项
2013/11/12 PHP
php设置session值和cookies的学习示例
2014/03/21 PHP
PHP 正则表达式常用函数
2014/08/17 PHP
深入理解php printf() 输出格式化的字符串
2016/05/23 PHP
PHP读取并输出XML文件数据的简单实现方法
2017/12/22 PHP
Javascript调用XML制作连动下拉列表框
2006/06/25 Javascript
DWZ刷新dialog解决方法
2013/03/03 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
2014/07/02 Javascript
使用jQuery的attr方法来修改onclick值
2014/07/07 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
2017/02/09 Javascript
vue组件初学_弹射小球(实例讲解)
2017/09/06 Javascript
jQuery中元素选择器(element)简单用法示例
2018/05/14 jQuery
vue filters的使用详解
2018/06/11 Javascript
详解vue-property-decorator使用手册
2019/07/29 Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
2020/01/16 Javascript
创建与框架无关的JavaScript插件
2020/12/01 Javascript
[02:11]2016国际邀请赛中国区预选赛全程回顾
2016/07/01 DOTA
[01:20]DOTA2更新全新英雄 天涯墨客现已加入游戏
2018/08/25 DOTA
Python字符串详细介绍
2015/05/09 Python
Python获取运行目录与当前脚本目录的方法
2015/06/01 Python
Python IDE PyCharm的基本快捷键和配置简介
2015/11/04 Python
使用k8s部署Django项目的方法步骤
2019/01/14 Python
Python简易计算器制作方法代码详解
2019/10/31 Python
Python @property装饰器原理解析
2020/01/22 Python
整理HTML5的一些新特性与Canvas的常用属性
2016/01/29 HTML / CSS
HTML5 canvas基本绘图之绘制曲线
2016/06/27 HTML / CSS
基本款天堂:Everlane
2017/05/13 全球购物
中海讯通笔试题
2015/09/15 面试题
XML文档面试题
2015/08/05 面试题
汽车驾驶求职信
2013/10/25 职场文书
保险专业自荐信范文
2014/02/20 职场文书
天堂的孩子观后感
2015/06/11 职场文书
使用PDF.js渲染canvas实现预览pdf的效果示例
2021/04/17 Javascript
Golang中interface{}转为数组的操作
2021/04/30 Golang
Python Django项目和应用的创建详解
2021/11/27 Python
Nginx反向代理、重定向
2022/04/13 Servers