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实现鼠标经过好友列表中的好友头像时显示资料卡的效果
Jul 02 Javascript
在Ubuntu系统上安装Ghost博客平台的教程
Jun 17 Javascript
js事件处理程序跨浏览器解决方案
Mar 27 Javascript
JavaScript中的原型prototype完全解析
May 10 Javascript
jQuery仿京东商城楼梯式导航定位菜单
Jul 25 Javascript
Yarn的安装与使用详细介绍
Oct 25 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
Apr 28 Javascript
vue-cli 打包使用history模式的后端配置实例
Sep 20 Javascript
在Web关闭页面时发送Ajax请求的实现方法
Mar 07 Javascript
element-ui上传一张图片后隐藏上传按钮功能
May 22 Javascript
layui 监听select选择 获取当前select的ID名称方法
Sep 24 Javascript
JS图片懒加载的优点及实现原理
Jan 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
杏林同学录(九)
2006/10/09 PHP
使用PHP 5.0创建图形的巧妙方法
2010/10/12 PHP
CodeIgniter基本配置详细介绍
2013/11/12 PHP
PHP父类调用子类方法的代码例子
2014/04/09 PHP
php支付宝接口用法分析
2015/01/04 PHP
php提高脚本性能的4个技巧
2020/08/18 PHP
在chrome中window.onload事件的一些问题
2010/03/01 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
一个JavaScript操作元素定位元素的实例
2014/10/29 Javascript
js面向对象之公有、私有、静态属性和方法详解
2015/04/17 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
2016/07/19 Javascript
js利用clipboardData实现截屏粘贴功能
2016/10/12 Javascript
微信小程序 Page()函数详解
2016/10/17 Javascript
JS 循环li添加点击事件 (闭包的应用)
2016/12/10 Javascript
基于JS实现翻书效果的页面切换样式
2017/02/16 Javascript
Angular指令之restict匹配模式的详解
2017/07/27 Javascript
基于JavaScript中标识符的命名规则介绍
2018/01/06 Javascript
jQuery 点击获取验证码按钮及倒计时功能
2018/09/20 jQuery
利用hasOwnProperty给数组去重的面试题分享
2018/11/05 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
2019/10/29 Javascript
深入解答关于Python的11道基本面试题
2017/04/01 Python
Python语言描述连续子数组的最大和
2018/01/04 Python
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
python按时间排序目录下的文件实现方法
2018/10/17 Python
python mqtt 客户端的实现代码实例
2019/09/25 Python
Python 根据数据模板创建shapefile的实现
2019/11/26 Python
python matplotlib 绘图 和 dpi对应关系详解
2020/03/14 Python
python基于爬虫+django,打造个性化API接口
2021/01/21 Python
python 制作网站小说下载器
2021/02/20 Python
实列教程 一款基于jquery和css3的响应式二级导航菜单
2014/11/13 HTML / CSS
h5页面背景图很长要有滚动条滑动效果的实现
2021/01/27 HTML / CSS
澳大利亚快时尚鞋类市场:Billini
2018/05/20 全球购物
LORAC官网:美国彩妆品牌
2019/08/27 全球购物
美国户外烹饪产品购物网站:Outdoor Cooking
2020/01/10 全球购物
党支部工作总结2015
2015/04/01 职场文书
php 获取音视频时长,PHP 利用getid3 获取音频文件时长等数据
2021/04/01 PHP