<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>javascript013.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
/*
JS基于对象
*/
//创建的日期对象
//var date = new Date();
//日期对象,调用toLocaleString()
//alert(date.toLocaleString());
/*
单独的获取某个日期的值
获取功能上,函数名都是以get开头
*/
//alert(date.getFullYear());
//alert(date.getMonth()+1);
//alert(date.getDay());
//alert(date.getHours());
//alert(date.getMinutes());
//alert(date.getSeconds());
//alert(date.getMilliseconds());
//alert(date.getTime());
</script>
<script type="text/javascript">
/*
将一个,符合阅读习惯的日期格式,直接显示在网页上,不能使用弹出框
实现思路:
1. 获取到当前的日期对象
2. 将年月日时分秒,分别获取出来,拼接成字符串的样式
3. 完成时间走动,每秒中,调用一次这个函数getDateDemo()
扩展:
DOM技术来完成
window.setInterval(代码,时间间隔)
*/
function getDateDemo() {
// alert("!!!");
// 第一步
var date = new Date();
// 第二步 首先获取年份
var year = date.getFullYear();
// 获取月份
var month = date.getMonth() + 1;
// 获取月中的天数
var day = date.getDate();
// 获取星期
var week = date.getDay();
// 获取小时
var hours = date.getHours();
// 获取分钟
var minutes = date.getMinutes();
// 获取秒
var second = date.getSeconds();
// 获取毫秒值
var mSecond = date.getMilliseconds();
// 将获得日期对象中的元素,拼接成字符串
// alert(second);
// 2013年8月3日 20:33:33
// 对月份和日进行判断
if (month < 10) {
month = "0" + month;
}
if (day < 10) {
day = "0" + day;
}
var dataTime = year + "年" + month + "月" + day + "日 星期" + week + " "
+ hours + " 时" + minutes + "分" + second + "秒 " + mSecond;
// document.write(dataTime);
// alert(dataTime);
// DOM获取节点方法,找到div节点标签document.getElementsById();
var divNode = document.getElementById("time");
divNode.innerHTML = dataTime;
//
}
// getDateDemo();
window.setInterval("getDateDemo()", 1);
</script>
<style type="text/css">
body{
font-size:36px;
color:#666;
}
#time{
width:670px;
float:left;
}
</style>
</head>
<body>
<div id="time"></div><span>毫秒</span>
</body>
</html>
JavaScript基础(9)—Date对象(1)
最新推荐文章于 2022-07-11 23:12:00 发布