Javascript 在Shopify或网站上安装JS代码

提前谢谢

我已经创建了这个JS函数，它在测试网站上运行，但在shopify上不起作用

如何将其称为产品页面？ 这里面可能有错误

多谢各位

var输出、开始、持续时间、所需；
//常数
持续时间=5000；
期望值='50'；
//初始设置
输出=$（“#输出”）；
started=新日期（）.getTime（）；
//动画！
animationTimer=setInterval（函数（）{
//如果该值是我们想要的，请停止设置动画
//或者，如果已超过持续时间，请停止设置动画
if（output.text（）.trim（）==所需的| |新日期（）.getTime（）-started>duration）{
console.log（'animating'）；
//生成用于下一动画步骤的随机字符串
output.text（“”+Math.floor（Math.random（）*（50-25）+25）
);
}否则{
console.log（'animating'）；
//生成用于下一动画步骤的随机字符串
output.text（“”+Math.floor（Math.random（）*（50-25）+25）
);
}
}, 4000);
#输出{
利润率：20px；
填充：20px；
背景：灰色；
边界半径：10px；
字号：80px；
宽度：80px；
颜色：白色；
}
因为我在评论中没有空间了，如果您单击产品页面右上角的箭头，复制并粘贴此代码，它就会正常工作

如果它仍然不起作用，我能想到的另一件事是，可能您的主题中没有包含jquery，因为您的代码使用jquery。要验证主题是否已经有jquery，请转到theme.liquid ctrl+f“jquery”

如果你找到了，我不确定你有什么问题；如果没有，请将其添加到主题中，然后再次进行测试

<div id="output"></div>
<script>// <![CDATA[
var output, started, duration, desired;

// Constants
duration = 5000;
desired = '50';

// Initial setup
output = $('#output');
started = new Date().getTime();

// Animate!
animationTimer = setInterval(function() {
    // If the value is what we want, stop animating
    // or if the duration has been exceeded, stop animating
    if (output.text().trim() === desired || new Date().getTime() - started > duration) {
        console.log('animating');
        // Generate a random string to use for the next animation step
        output.text('' + Math.floor(Math.random() *(50 - 25) + 25) 

        );

    } else {
        console.log('animating');
        // Generate a random string to use for the next animation step
        output.text('' + Math.floor(Math.random() * (50 - 25) + 25)

        );
    }
}, 4000);
// ]]></script>


//持续时间）{
console.log（'animating'）；
//生成用于下一动画步骤的随机字符串
output.text（“”+Math.floor（Math.random（）*（50-25）+25）
);
}否则{
console.log（'animating'）；
//生成用于下一动画步骤的随机字符串
output.text（“”+Math.floor（Math.random（）*（50-25）+25）
);
}
}, 4000);
// ]]>
好，解决了

我应该像这样安装Jquery

{{'//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js'| script_tag}}

而不是像这样

等等等等
你能解释一下“不工作”是什么意思吗？我在我们的shopify页面上测试了它，它成功了。对于产品页面，请确保您单击了右上角“ShowHTML”栏上的箭头，以便能够输入代码。如果没有的话，也请附上你的JS。您好，谢谢您的回复。我试着在product-template.liquid b中复制这个脚本，因为我需要在任何使用这个JS脚本的产品页面中看到它，我也试着像你说的那样使用产品页面中的箭头，它没有显示任何内容，我需要看到里面的数字，但什么都没有。我也试着创建一个新的JS文件，但没有任何效果，也许我错过了一些步骤。请帮忙，你是怎么做的？THXI如果这解决了您的问题，请单击答案旁边的复选标记，将其从空心切换为绿色，以让其他人知道此问题已解决。遗憾的是，尚未解决，请参见上文