作业12 Date对象（v2）

2年前更新

770

题目:

文件在底部可直接下载

第一题

1、使用Date对象输入出生日期后，在页面上显示“您经过了××××天的时光……”。
分析：使用对话框按照格式要求，输入出生日期，使用Date对象格式化日期，创建当前的日期对象，使用日期对象的getTime()方法来获取时间戳，将这两个数相减，就得到一共经历了多少毫秒数。

运行浏览:https://z7h.cn/JavaScript/12.html

这题的代码:

<head>
<meta charset="UTF-8">
<title>计算已经度过的时光一getTime()方法</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }
        #namewindow {
            background: linear-gradient(rgba(229, 255, 8, 0.841), rgba(0, 225, 255, 0.404));
            width: 250px;
            height: 200px;
            position: fixed;
            left: 100px;
            top: 80px;
            font: 20px/180% "Microsoft YaHei", "微软雅黑", "宋体";
            text-align: center;
        }
    </style>
<script>
function main(){
    var yourdate = document.getElementById("yourdate").value;
    var borndate = new Date(yourdate);
    var nowdate = new Date();
    var borndays = borndate.getTime(); //计算出生日期到1970年1月1日0时的毫秒数
    var newdays = nowdate.getTime(); //计算当前时间距离1979年1月1日0时的毫秒数
    var result = newdays - borndays; //计算一共经历了多少毫秒数
    var numdays = 24 * 60 * 60 * 1000; //一天的毫秒数
    var alldays = parseInt(result / numdays);
    document.getElementById("doit").value='您经过了'+alldays+'天的美好时光，生命诚可贵，接下来好好珍惜！';
}
</script>
</head>
<body>
<h3>请输入出生日期，格式为xxxx-x-x</h3>
<input type="text" value="2023-05-01" id="yourdate">
<br>
<input type="button" value="点击" onclick="main()" id="doit">
    <div id="namewindow">
        <p>姓名:罗xx</p>
        <br>
        <p>专业: 计算机应用技术x班</p>
        <br>
        <p>学号: 226501XXXXX</p>
    </div>
</body>

第二题:

计算求 1+2+3+…100000 之和所需要的运行时间（毫秒数）

运行浏览:https://z7h.cn/JavaScript/12-1.html

(由于循环量比较多所以需要一点时间加载)

代码:

<html>
    <head>
        <meta charset="UTF-8">
            <style>
        * {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }
        #namewindow {
            background: linear-gradient(rgba(229, 255, 8, 0.841), rgba(0, 225, 255, 0.404));
            width: 250px;
            height: 200px;
            position: fixed;
            left: 100px;
            top: 80px;
            font: 20px/180% "Microsoft YaHei", "微软雅黑", "宋体";
            text-align: center;
        }
    </style>
    </head>
    <body>
        <script>
function show(time) {
  document.write(time.getFullYear() + "年" + (time.getMonth() + 1) + "月" + time.getDate() + "日 " + time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds() + ":" + time.getMilliseconds() + "<br>");
}

var before = new Date();
var sum = 0;
for (var i = 1; i <= 1999999999; i++) {
  sum = sum + i;
}
var after = new Date();

document.write("循环前的时间是:");
show(before);
document.write("循环后的时间是:");
show(after);
document.write("执行1~1999999999次循环用时：" + (after.getTime() - before.getTime()) + "毫秒<br>");
document.write("1+2+3+...+1999999999=" + sum);
</script>
    <div id="namewindow">
        <p>姓名:罗xx</p>
        <br>
        <p>专业: 计算机应用技术x班</p>
        <br>
        <p>学号: 226501XXXXX</p>
    </div>
    </body>
</html>

HTML文件下载(由于需要修改名字请各位下载之后把里面的名字和班级学号修改成自己的)

2252416506194032.zip

下载

zip文件

1.8K

评分

欢迎为Ta评分

赞赏