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

php script_name

<强> HTML

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"))));

Answer 2

如果你愿意，我有一个jquery解决方案吗？

您必须为{ "port": 8000, "files": ["./src/**/*.{html,htm,css,js}"], "server": { "baseDir": "./src" } }标记提供ID，然后将函数的值放入其中。我改变了你的javascript代码，因为它没有＆＃39;今天＆＃39;在它，这就是为什么它不起作用。你现在首先必须添加＆＃39; bigday＆＃39;之后＆＃39;今天＆＃39;或者你想要倒计时的其他日期。

这是fiddle

html代码：

<p>

javascript（jquery）代码：

<p id="date2016"></p>
<p id="date2017"></p>

玩得开心！

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

2 个答案: