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