<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<div>
<button id="sn"></button>
</div>
<script>
let date = new Date()//创建时间对象
let year = date.getFullYear()//获取年
let month = date.getMonth() + 1//获取月
let day = date.getDate()//获取日
let time = year + '-' + month + '-' + day//组合时间
console.log(time)
let snn = document.getElementById('sn')
snn.innerHTML = time
</script>
</body>
</html>
打开前端编辑软件，新建一个html文件。在html代码页面上创建一个点击按钮，给这个按钮添加一个获取当前时间的getTime方法，点击该按钮就会触发getTime方法。如图
<input type="button" value="当前时间" onclick="getTime()">
找到<title>标签，在这个标签后面新建一个<scrtip>标签。如图：
代码：<script type="text/javascript"></script>
在<script>标签里创建获取时间的getTime函数，然后使用new Date获取当前的时间。如图：
代码：function getTime(){ var date = new Date()//创建时间对象}
在getTime函数中使用getFullYear()获取当前的年份；使用getMonth()获取当前的月份；使用getDay()获取当前日期。如图
代码：
var year = date.getFullYear()//获取年 var month = date.getMonth()//获取月 var day = date.getDay()//获取当日
组合时间，把获取到的年、月、日重新组合，然后使用alertd出当前日期。如图
代码：
var time = year+"-"+month+"-"+day//组合时间alert("当前日期："+time)
保存html代码后使用浏览器打开，点击获取时间按钮就会看到d出的当前时间。如图
所有代码：
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>获取当前时间</title><script type="text/javascript"> function getTime(){ var date = new Date()//创建时间对象 var year = date.getFullYear()//获取年 var month = date.getMonth()//获取月 var day = date.getDay()//获取当日 var time = year+"-"+month+"-"+day//组合时间 alert("当前日期："+time) } </script></head><body><input type="button" value="当前时间" onclick="getTime()"></body></html>
可以直接复制所有代码，粘贴到新建的html文件，保存后运行即可看到效果。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）