<style>
* {
margin: 0;
padding: 0;
}
#clock {
border: 1px solid;
width: 200px;
height: 200px;
border-radius: 50%;
line-height: 200px;
text-align: center;
cursor: pointer;
margin: 200px auto;
}
</style>
<body>
<div id="clock">几点啦？</div>
<script src="./i.js"></script>
</body>
<script>
function getUrlRelativePath() {
var url = document.location.toString(); //获取当前文件的绝对路径
return url;
}
var res = getUrlRelativePath();
console.log(res);
document.getElementById('clock').onclick = function () { //获取当前的时间
var date = new Date();
this.year = date.getFullYear();
this.month = date.getMonth() + 1;
this.date = date.getDate();
this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
var currentTime = "现在是:" + this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
alert(currentTime);
}
</script>