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 面向对象技术基础教程
Mar 03 Javascript
jQuery与其它库冲突的解决方法
Jun 25 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
Sep 03 Javascript
JavaScript仿商城实现图片广告轮播实例代码
Feb 06 Javascript
搞定immutable.js详细说明
May 02 Javascript
javascript深拷贝和浅拷贝详解
Feb 14 Javascript
3分钟掌握常用的JS操作JSON方法总结
Apr 25 Javascript
获取当前按钮或者html的ID名称实例(推荐)
Jun 23 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
Sep 06 Javascript
生成无限制的微信小程序码的示例代码
Sep 20 Javascript
Webpack设置环境变量的一些误区详解
Dec 19 Javascript
微信小程序实现吸顶特效
Jan 08 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版小黄鸡simsimi聊天机器人接口分享
2014/01/26 PHP
PHP 下载文件时如何自动添加bom头及解释BOM头和去掉bom头的方法
2016/01/04 PHP
PHP数组编码gbk与utf8互相转换的两种方法
2016/09/01 PHP
php实现的中秋博饼游戏之掷骰子并输出结果功能详解
2017/11/06 PHP
YII框架学习笔记之命名空间、操作响应与视图操作示例
2019/04/30 PHP
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
2010/08/05 Javascript
jQuery实现切换页面布局使用介绍
2011/10/09 Javascript
JS或jQuery获取ASP.NET服务器控件ID的方法
2015/06/08 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
2016/07/21 Javascript
JS冒泡事件与事件捕获实例详解
2016/11/25 Javascript
原生JS轮播图插件
2017/02/09 Javascript
详解打造 Vue.js 可复用组件
2017/03/24 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
JS实现灯泡开关特效
2020/03/30 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
2020/07/22 Javascript
Vue数组响应式操作及高阶函数使用代码详解
2020/08/01 Javascript
Python实现处理管道的方法
2015/06/04 Python
对python模块中多个类的用法详解
2019/01/10 Python
基于python的列表list和集合set操作
2019/11/24 Python
python的help函数如何使用
2020/06/11 Python
keras 两种训练模型方式详解fit和fit_generator(节省内存)
2020/07/03 Python
pycharm 的Structure界面设置操作
2021/02/05 Python
Pytorch模型迁移和迁移学习,导入部分模型参数的操作
2021/03/03 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
VSCode 自定义html5模板的实现
2019/12/05 HTML / CSS
建筑装饰学院室内设计专业个人自我评价
2013/12/07 职场文书
收银出纳员岗位职责
2014/02/23 职场文书
教学质量评估实施方案
2014/03/17 职场文书
公司人事专员岗位职责
2014/08/11 职场文书
2015年感恩父亲节演讲稿
2015/03/19 职场文书
2016自主招生教师推荐信范文
2015/03/23 职场文书
自主招生自荐信怎么写
2015/03/24 职场文书
导游词之云南省玉龙雪山
2019/12/19 职场文书
apache基于端口创建虚拟主机的示例
2021/04/24 Servers
如何理解Vue前后端数据交互与显示
2021/05/10 Vue.js
python解析照片拍摄时间进行图片整理
2022/07/23 Python