JavaScript提升篇作业

Original 2018-12-10 11:41:55 164
abstract:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript</title> <style> #ShiJianBox{ width: 300px; height: 300px;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
<style>
#ShiJianBox{
width: 300px;
height: 300px;
background: #ccc;
border-radius: 10px;
}

</style>
</head>
<body>
<div id="ShiJianBox">
</div>
<span>当前时间:</span>
<script type="text/javascript">
ShiJianBox.onclick=function ShiJianBoxChange(x) {
ShiJian = document.getElementById('ShiJianBox')
ShiJian.style.borderRadius="150px"
}
var MyDate = new Date();
document.write(MyDate.getFullYear()+"年");
document.write((MyDate.getMonth()+1)+"月");
document.write(MyDate.getDate()+"日");
document.write("周"+MyDate.getFullYear());
document.write(MyDate.getHours()+"时");
document.write(MyDate.getMinutes()+"分");
document.write(MyDate.getSeconds()+"秒");
</script>


</body>
</html>

运行前QQ截图20181210114014.png

运行后QQ截图20181210114025.png

Correcting teacher:灭绝师太Correction time:2018-12-10 11:58:05
Teacher's summary:测试效果完成的不错!基础课比较简单,都是为后期学习做铺垫,继续加油!好好掌握!

Release Notes

Popular Entries