【发布时间】:2021-02-11 07:44:20
【问题描述】:
我有这个 html 代码,我正在尝试建立一个网站,每个人都可以看到计时器并随时更改它。
<!DOCTYPE html>
<html lang="en">
<head>
<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>Chronometer</title>
<style>
body {
font-family: monospace;
font-size: 2em;
padding-top: 1em;
text-align: center
}
</style>
</head>
<body>
<h1 data-chronometer>00:00:00</h1>
<button id="play">play</button>
<button id="pause">pause</button>
<script type="text/javascript">
let hours = `00`,
minutes = `00`,
seconds = `00`,
chronometerCall
function chronometer() {
seconds++
if (seconds < 10) seconds = `0`+seconds
if (seconds > 59) {
seconds = `00`
minutes ++
if (minutes < 10) minutes = `0`+minutes
}
if (minutes > 59) {
minutes = `00`
hours ++
}
document.querySelector(`[data-chronometer]`)
.textContent = `${hours}:${minutes}:${seconds}`
}
play.onclick = (event) => {
chronometerCall = setInterval(chronometer, 1000)
event.target.setAttribute(`disabled`,``)
}
pause.onclick = () => {
clearInterval(chronometerCall)
play.removeAttribute(`disabled`)
}
</script>
</body>
</html>
我需要将时间保存在 MySQL 数据库中(Table T_Time with time),这样每个人都可以在每台 PC 上看到相同的时间。 我有点迷茫,不知道该怎么办。
谢谢
【问题讨论】:
-
你需要像 PHP 这样的后端语言。
-
我不明白目标。但这听起来有点像重新发明轮子。
-
执行完成此任务所需的后端 php 或 nodejs my sql db 连接代码。如果您使用 nodejs 作为后端,那么在客户端 js 中使用 ajax 来调用 node js api,它接受时间作为输入并将其插入到表中
-
理想答案:
learn back-end language like php / python (flask/django) / java (jsp) / nodejs。如果必须是 javascript,请回答:learn nodejs。如果你很懒,请回答:use firebase cloud firestore
标签: javascript html mysql