javascript - 在购物车底部添加我的倒计时
问题描述
今天我将此代码添加到我的商店,用于在购物车顶部添加倒计时。
但我想将它移动到购物车的底部(就在“我的 shopify 屏幕截图上的总数”上方)。
在这里你有我的购物车抽屉的截图:
Search : "<div class="h2 drawer__title">{{ 'cart.general.title' | t }}</div>"
Transform by : "<div class="h2 drawer__title">{{ 'cart.general.title' | t }}<br></div>"
Add this between <br> and </div> : <h6><strong> Votre panier expire dans <span id="time" style="color: #4c51e0">10:00</span></strong></h6> <script type="text/javascript">
function startTimer(duration, display) {
var timer = duration,
minutes, seconds;
setInterval(function() {
minutes = parseInt(timer / 60, 10);
seconds = parseInt(timer % 60, 10);
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
display.textContent = minutes + ":" + seconds;
if (--timer < 0) {
timer = duration;
}
}, 1000);
}
window.onload = function() {
var fiveMinutes = 60 * 10,
display = document.querySelector('#time');
startTimer(fiveMinutes, display);
}; </script>
所以我这样做了,我的计时器在购物车的顶部,但现在我不能把它移到底部。我对开发人员不是很好,所以如果有人可以帮助我:)
非常感谢 !
解决方案
推荐阅读
- reactjs - 嵌套导航器导致应用程序仅在发布模式下崩溃
- react-native - 如何更改SectionedMultiSelect右侧下拉图标的颜色 - react-native-sectioned-multi-select
- javascript - 具有自定义数据值的 Select2 ajax 预选
- vue.js - QUASAR:使用“推”重定向不起作用
- node.js - 阻止通过 api 请求发送数据
- c# - 如何使用 Elasticsearch 的 NEST“.net 客户端”对所有记录进行分页?
- typescript - 连接字符串作为对象索引
- javascript - 对你来说很容易 Travis 节点项目的构建失败
- javascript - 如何使用不同的不和谐帐户在谷歌浏览器上打开多个标签
- xcode - Xcode通过打开目录打开项目得到错误