javascript页面动态显示时间变化示例代码
更新时间：2013年12月18日 16:26:29 作者：
页面动态显示时间变化的方法有很多，本文为大家介绍下使用javascript的具体实现，感兴趣的朋友不要错过
复制代码 代码如下:
<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使用链式方法封装jQuery中CSS()方法示例
这篇文章主要介绍了JavaScript使用链式方法封装jQuery中CSS()方法,结合具体实例形式分析了JS采用链式操作方法封住jQuery中连缀操作实现css()方法的相关技巧,需要的朋友可以参考下2017-04-04
LRU（Least Recently Used）算法是一种广泛应用于内存管理和缓存系统的策略,本文将介绍LRU算法的基本原理,并通过JavaScript实现案例,帮助读者理解其在前端开发中的应用场景,需要的朋友可以参考下2024-05-05
大数，即超出语言所能表示的数字最大范围的数字，那么如何实现两个大数相乘呢？下面有个不错的方法，大家可以参考下2014-04-04
这篇文章主要介绍了JavaScript 计时事件的相关资料，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
这篇文章主要介绍了js中iframe调用父页面的方法,可通过window.parent.方法()来实现,非常具有实用价值,需要的朋友可以参考下2014-10-10
JavaScript获取和设置CheckBox状态的简单方法
这篇文章介绍了JavaScript获取和设置CheckBox状态的简单方法，有需要的朋友可以参考一下2013-07-07
在 JavaScript 的编程世界里,字符串和数组是极为常见的数据类型,在实际开发中,我们常常会遇到需要将字符串转换为字符数组的情况,接下来,我们将深入探讨如何使用 JavaScript 实现这一转换,同时结合代码示例详细分析不同方法的特点,需要的朋友可以参考下2025-04-04
这篇文章主要为大家介绍了webpack5的entry和output使用配置小白学习详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
本文介绍了JSscript标签有哪些属性,向HTML页面中插入JavaScript的主要方法,就是使用script>元素.这个元素由Netscape创造并在NetscapeNavigator2中首先实现.后来,这个元素被加入到正式的HTML规范中,下面小编来讲解下JSscript标签有哪些属性,需要的朋友可以参考下2022-01-01
这篇文章主要为大家详细介绍了Bootstrap下拉框模块dropdown实现下拉框响应，感兴趣的朋友可以参考一下2016-05-05
最新评论