Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript BigCommerce:向特定产品详细信息页面添加倒计时计时器_Javascript_Html_Bigcommerce - Fatal编程技术网

Javascript BigCommerce:向特定产品详细信息页面添加倒计时计时器

Javascript BigCommerce:向特定产品详细信息页面添加倒计时计时器,javascript,html,bigcommerce,Javascript,Html,Bigcommerce,我感兴趣的是在javascript中为特定的产品详细信息页面添加一个倒计时。然而,当我尝试将我的自定义JS添加到ProductDescriptionHTML源代码编辑器时,它似乎不接受它。有谁能告诉我在哪里或者什么是实现这样一个功能的最佳方式吗?我使用BigCommerce的新脚本管理器使它工作起来。创建了新脚本并添加了以下代码: <script> var deadline = new Date("Jan 5, 2019 15:37:25").getTime(); var x = s

我感兴趣的是在javascript中为特定的产品详细信息页面添加一个倒计时。然而,当我尝试将我的自定义JS添加到ProductDescriptionHTML源代码编辑器时,它似乎不接受它。有谁能告诉我在哪里或者什么是实现这样一个功能的最佳方式吗?

我使用BigCommerce的新脚本管理器使它工作起来。创建了新脚本并添加了以下代码:

<script>
var deadline = new Date("Jan 5, 2019 15:37:25").getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var t = deadline - now;
var days = Math.floor(t / (1000 * 60 * 60 * 24));
var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((t % (1000 * 60)) / 1000);
if (document.getElementById("countdown")){
    document.getElementById("countdown").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
    if (t < 0) {
        clearInterval(x);
        document.getElementById("countdown").innerHTML = "EXPIRED";
    }
}
}, 1000);
</script>

var截止日期=新日期(“2019年1月5日15:37:25”).getTime();
var x=setInterval(函数(){
var now=new Date().getTime();
var t=截止日期-现在;
风险天数=数学下限(t/(1000*60*60*24));
var小时=数学楼层((t%(1000*60*60*24))/(1000*60*60));
var分钟数=数学地板((t%(1000*60*60))/(1000*60));
变量秒=数学地板((t%(1000*60))/1000);
if(document.getElementById(“倒计时”)){
document.getElementById(“倒计时”).innerHTML=days+“d”+hours+“h”+minutes+“m”+seconds+“s”;
if(t<0){
净间隔(x);
document.getElementById(“倒计时”).innerHTML=“过期”;
}
}
}, 1000);
保存脚本后,您可以编辑想要的任何产品的html,并添加一个带有倒计时id的新div

<div id="countdown"></div>


提供您尝试过的任何材料和/或代码以及您所做的研究<代码>$(“#入门”).countdown(“2017/01/01”,函数(事件){$(this).text(event.strftime(“%D天%H:%M:%S”);)在product description html源代码编辑器中添加了此html,并在页脚脚本中添加了您需要的倒计时javascript src
jQuery
,因为它是一个
jQuery插件
。将
添加到
部分。