Javascript 如何让我的应用程序显示计时器,并让用户键入自己的输入?

Javascript 如何让我的应用程序显示计时器,并让用户键入自己的输入?,javascript,html,Javascript,Html,很抱歉用一个noob问题把你的屏幕弄得乱七八糟 我正在制作一个pomodoro定时器应用程序(我在unity游戏之外的第一个应用程序) 我只需要知道如何使计时器显示,以及如何使它从用户输入的任何数字倒计时 我在网上查看了一些pomodoro应用程序,但没有找到解决方案 以下是我迄今为止编写的HTML: <!DOCTYPE html> <html lang="en"> <head> <h1>Pomodori</h1> &l

很抱歉用一个noob问题把你的屏幕弄得乱七八糟

我正在制作一个pomodoro定时器应用程序(我在unity游戏之外的第一个应用程序) 我只需要知道如何使计时器显示,以及如何使它从用户输入的任何数字倒计时

我在网上查看了一些pomodoro应用程序,但没有找到解决方案

以下是我迄今为止编写的HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <h1>Pomodori</h1>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Pomodoro App</title>
</head>
<script>



</script>

<body>

    <button>Work</button>
    <button>Short Break</button>
    <button>Long Break</button>
    <button>Pause</button>
</body>
</html>

波莫多里
波莫多罗应用程序
工作
短暂休息
长假
暂停

我只需要知道如何制作一个基本计时器并将其显示在index.html页面上。

也许这会有帮助


//确定我们倒计时的日期 var countDownDate=新日期(“2021年1月5日15:37:25”).getTime(); //每1秒更新一次倒计时 var x=setInterval(函数(){ //获取今天的日期和时间 var now=new Date().getTime(); //找出现在和倒计时日期之间的距离 var距离=倒计时日期-现在; //天、小时、分钟和秒的时间计算 变量天数=数学楼层(距离/(1000*60*60*24)); 可变小时数=数学楼层((距离%(1000*60*60*24))/(1000*60*60)); var分钟=数学楼层((距离%(1000*60*60))/(1000*60)); var秒=数学楼层((距离%(1000*60))/1000); //使用id=“demo”在元素中显示结果 document.getElementById(“demo”).innerHTML=days+d+hours+h +分钟+米+秒+秒; //如果倒计时结束,写一些文字 如果(距离<0){ 净间隔(x); document.getElementById(“demo”).innerHTML=“过期”; } }, 1000);
这个问题可能已经得到了回答。你退房了吗