【问题标题】:Add time in MySQL databse via html通过 html 在 MySQL 数据库中添加时间
【发布时间】: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


【解决方案1】:

你可以试试这个 JavaScript 代码来获取当前时间

var d = new Date();
var time = d.getHours() +":"+ d.getMinutes() +":"+ d.getSeconds();
console.log(time);

您可以将此脚本附加到您的代码中,但首先您必须使用您的 html 代码对其进行修改,您还可以在 w3 学校网站上阅读有关日期和时间功能的更多信息,这是它的链接:-https://www.w3schools.com/js/js_date_methods.asp

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2016-12-21
  • 1970-01-01
  • 1970-01-01
  • 2012-05-18
  • 1970-01-01
  • 2013-04-14
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多