javascript - 将 PHP 变量添加到 new Date()
问题描述
我想将包含日期的 php 变量添加到此代码中: new Date($mydate) 如果无法使用我的 php 变量,如何将我自己的日期添加到此代码中。我的日期来自 SQL 数据库,然后显示在 php 变量中。
var countDownDate = new Date("august 8, 2020 15:37:25").getTime();
解决方案
为了将PHP
变量作为参数传递给JavaScript
对象:
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
text-align: center;
font-size: 60px;
margin-top: 0px;
}
</style>
</head>
<body>
<p id="demo"></p>
<?php $date = "07/08/2020"; ?>
<script>
// Set the date we're counting down to
var countDownDate = new Date("<?php echo $date; ?>").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Output the result in an element with id="demo"
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
// If the count down is over, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "EXPIRED";
}
}, 1000);
</script>
</body>
</html>
推荐阅读
- mysql - 在 MySQL 中使用 GROUP BY 在 min COUNT 中包含零
- android - 通过服务覆盖视图传递触摸事件
- javascript - 虚拟主机:GitHub 页面不显示 HTML、CSS 和 JS 文件
- vue.js - Echarts如何突出显示2个折线图之间的区域
- python - 使用带有 graphql 查询的 API 在 R 上引发 401 错误但在 Python 上工作正常
- c - 如何使用 perf 或任何分析工具来查找我的应用程序或程序的功能所使用的 cpu 周期或 cpu 数量
- amazon-web-services - 使用来自 boto3 的 S3 有效负载调用 Lambda 函数
- javascript - 访问json中的嵌套数组
- regex - 正则表达式查找仅包含数字的字符串,但仅在以 # 或 \s 开头且后跟空格时匹配
- c# - 导入文件后从字符串中删除多余字符