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高级程序设计 阅读笔记(七) ECMAScript中的语句
Feb 27 Javascript
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 Javascript
常见的jQuery选择器汇总
Nov 24 Javascript
jQuery中事件与动画的总结分享
May 24 Javascript
简单了解JavaScript操作XPath的一些基本方法
Jun 03 Javascript
深入学习jQuery中的data()
Dec 22 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
Apr 11 Javascript
Node.js + express基本用法教程
Mar 14 Javascript
Vue的生命周期操作示例
Sep 17 Javascript
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
Feb 06 Javascript
微信小程序用户登录和登录态维护的实现
Dec 10 Javascript
VUE中的v-if与v-show区别介绍
Mar 13 Vue.js
页面实时更新时间的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
B2K与车机的中波PK
2021/03/02 无线电
解析PHP工厂模式的好处
2013/06/18 PHP
PHP模板引擎Smarty的缓存使用总结
2014/04/24 PHP
PHP+MySQL删除操作实例
2015/01/21 PHP
列举PHP的Yii 2框架的开发优势
2015/07/03 PHP
PHP实现的DES加密解密封装类完整实例
2017/04/29 PHP
PHP使用preg_split和explode分割textarea存放内容的方法分析
2017/07/03 PHP
js的参数有长度限制吗?发现不能超过2083个字符
2014/04/20 Javascript
js调试系列 控制台命令行API使用方法
2014/06/18 Javascript
jquery+css3打造一款ajax分页插件(自写)
2014/06/18 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
2014/10/23 Javascript
Jquery中$.post和$.ajax的用法小结
2015/04/28 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
javascript中select下拉框的用法总结
2016/01/07 Javascript
nodejs修复ipa处理过的png图片
2016/02/17 NodeJs
JS中substring与substr的用法
2016/11/16 Javascript
js仿iphone秒表功能 计算平均数
2017/01/11 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
2017/12/25 jQuery
使用form-create动态生成vue自定义组件和嵌套表单组件
2019/01/18 Javascript
Node爬取大批量文件的方法示例
2019/06/28 Javascript
[01:12](回顾)DOTA2国际邀请赛,全世界DOTAer的盛宴
2014/07/01 DOTA
Python中的作用域规则详解
2015/01/30 Python
python实现将英文单词表示的数字转换成阿拉伯数字的方法
2015/07/02 Python
基于Python实现文件大小输出
2016/01/11 Python
python使用xslt提取网页数据的方法
2018/02/23 Python
python实现简易通讯录修改版
2018/03/13 Python
Python之列表的插入&amp;替换修改方法
2018/06/28 Python
python多线程下信号处理程序示例
2019/05/31 Python
python调用c++返回带成员指针的类指针实例
2019/12/12 Python
Selenium使用Chrome模拟手机浏览器方法解析
2020/04/10 Python
python 数据库查询返回list或tuple实例
2020/05/15 Python
Python爬虫爬取百度搜索内容代码实例
2020/06/05 Python
Python 通过爬虫实现GitHub网页的模拟登录的示例代码
2020/08/17 Python
Pycharm plot独立窗口显示的操作
2020/12/11 Python
不打扫卫生检讨书
2014/02/12 职场文书
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android