在JavaScript中创建简单的倒计时

时间:2018-07-24 08:04:36

标签: javascript date timer countdown

我一直在尝试将一些基于JavaScript的倒计时/计时器放置在我的网站上...一个例子就是...

“我是25岁的兼职博客和设计师,兼职女服务员和调酒师!” “ 25”将每年增加以更新年龄。

另一个例子是...

“与我即将成为丈夫(在这里倒计时)”并将“即将成为丈夫”更改为“丈夫”

我见过一些脚本,但不是我所需要的。

我一直在尝试使用Math.floor方法,该方法可以工作几天,但是我需要弄清楚如何增加年份。有没有一种方法可以使用math.floor计算年份?

sidenote *我对javascript或类似的东西不太熟悉

1 个答案:

答案 0 :(得分:0)

您可以使用Javascript来做到这一点:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Welcome to My Page!</title>
</head>
<body>

<div id="about-me"></div>

</body>

<script>

function get_message() {
    var my_birthday = new Date("2/13/1996"); // update your birthday here
    var today = new Date();
    var time_diff = Math.abs(today.getTime() - my_birthday.getTime()); // get the difference in milliseconds between today's date and your birthday
    var my_age = Math.floor(time_diff / (1000 * 3600 * 24 * 365)); // get your age

    var s = document.getElementById('about-me');
    var message = "I’m a " + my_age.toString() + "-year-old part-time blogger & designer and full-time waitress & bartender!";
    s.innerHTML = message; // update your age
   }

window.onload = get_message; // load script only when page is loaded
</script>

</html>

希望这会有所帮助!