没有插件的打折 Woocommerce 产品的倒数计时器
Countdown timer for discounted Woocommerce products without plugins
我打算为 Woocommerce 打折产品创建一个倒数计时器,而不使用我网站主题上的插件,我正在寻找使用 JavaScript 或 php 为我做的代码
请帮忙....!!!
对于 woocommerce 倒数计时器需要创建自定义字段和自定义时间库,或者您可以创建自己的。请看下面的演示
我说的对吗?
<html>
<body>
<p id="demo"></p>
<script>
var count = 24*60*60; //24h
var myVar = setInterval(myTimer, 1000);
function myTimer() {
count--;
var seconds = count % 60 ;
var minutes = Math.floor(count / 60) % 60;
var hours = Math.floor(count / (60*60)) % 24;
if(count > 0) {
document.getElementById("demo").innerHTML = hours+":"+minutes+":"+seconds;
} else {
document.getElementById("demo").innerHTML = "done"
clearInterval(myVar);
}
}
</script>
</body>
</html>
我打算为 Woocommerce 打折产品创建一个倒数计时器,而不使用我网站主题上的插件,我正在寻找使用 JavaScript 或 php 为我做的代码 请帮忙....!!!
对于 woocommerce 倒数计时器需要创建自定义字段和自定义时间库,或者您可以创建自己的。请看下面的演示
我说的对吗?
<html>
<body>
<p id="demo"></p>
<script>
var count = 24*60*60; //24h
var myVar = setInterval(myTimer, 1000);
function myTimer() {
count--;
var seconds = count % 60 ;
var minutes = Math.floor(count / 60) % 60;
var hours = Math.floor(count / (60*60)) % 24;
if(count > 0) {
document.getElementById("demo").innerHTML = hours+":"+minutes+":"+seconds;
} else {
document.getElementById("demo").innerHTML = "done"
clearInterval(myVar);
}
}
</script>
</body>
</html>