时间戳

首页 > 解决方案 > 从今天开始计算日期并在 7 天后更改文本颜色

javascript - 从今天开始计算日期并在 7 天后更改文本颜色

问题描述

我想编写一个 javascript 来计算从提交日期到今天的年龄，如果项目超过 5 天，如果超过 10 天，文本颜色将变为黄色和红色。

<p>text<p>
<input type="date" id="date" name="date">
<input type="submit" value="Submit">

标签： javascript

解决方案

<html>
<body>
 <p>Your Age Calc<p>
 <form method="GET">
   <input type="date" id="date" name="date">
   <button type="button" id="mybutton">Submit</button>
 </form>
 <div id="result"></div>
<script type="application/javascript">

function showResult() {
 let result =  document.getElementById("result")
 let date = document.getElementById("date");
 if (date.value === "" ) {
  result.innerHTML = "Please input a correct date, !";
  } else {
    let birthday = new Date (`${date.value}`)
    let ageDifMs = Date.now() - birthday.getTime();
    let num_days = ((ageDifMs % 31536000000) % 2628000000)/86400000;
    num_days > 10 ? result.style.color = "green" : result.style.color = "blue"
    result.innerHTML = " Your age(days), " + num_days.toFixed(1);
  }
}

document.getElementById("mybutton").onclick = showResult;

</script>
</body>
</html>

推荐阅读