为了账号安全,请及时绑定邮箱和手机立即绑定

没有插件的打折 Woocommerce 产品的倒数计时器

没有插件的打折 Woocommerce 产品的倒数计时器

PHP
扬帆大鱼 2022-07-29 10:33:34
我将为 Woocommerce 打折产品创建一个倒数计时器,而不使用我网站主题上的插件,我正在寻找代码来使用 JavaScript 或 php 为我做这件事,请帮助....!!!
查看完整描述

2 回答

?
弑天下

TA贡献1818条经验 获得超8个赞

我是否正确你想要什么?


<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>


查看完整回答
反对 回复 2022-07-29
?
潇湘沐

TA贡献1816条经验 获得超6个赞

对于 woocommerce 倒数计时器需要创建自定义字段和自定义时间库,或者您可以创建自己的。请看下面的演示

https://axlmulat.com/woocommerce/woocommerce-tutorial-how-to-add-sales-countdown-timer-in-the-product-page/


查看完整回答
反对 回复 2022-07-29
  • 2 回答
  • 0 关注
  • 194 浏览

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号