javascript - 在 HTML 中调用函数时出现问题

Question

我获得了一组 JavaScript 代码来创建双倒计时事件，但是我在将其放入 HTML 中时遇到困难，有人可以指导我如何操作吗？

脚本

<script type="text/javascript">
function daysLeft(BigDay) {
msPerDay = 24 * 60 * 60 * 1000;
timeLeft = (BigDay.getTime() - today.getTime());
e_daysLeft = timeLeft / msPerDay;
daysLeft = Math.floor(e_daysLeft);

return daysLeft;
}
</script>

HTML

<p><script>
daysLeft (new Date("6 August, 2016"));
</script></p>
<p><script>
daysLeft (new Date("6 August, 2017"));
</script></p>

Answer 1

尝试这样的事情:https://jsfiddle.net/hmktnLo9/
在 js 中完成，然后将结果推送到 html。

js

var id1 = document.getElementById('id1');
var id2 = document.getElementById('id2');

var today = new Date();

function daysLeft(BigDay) {
msPerDay = 24 * 60 * 60 * 1000;
timeLeft = (BigDay.getTime() - today.getTime());
e_daysLeft = timeLeft / msPerDay;
f_daysLeft = Math.floor(e_daysLeft);

return f_daysLeft;
}

id1.appendChild(document.createTextNode(daysLeft (new Date("6 August, 2016"))));
id2.appendChild(document.createTextNode(daysLeft (new Date("6 August, 2017"))));

html

<p id="id1"></p>
<p id="id2"></p>