模拟支付成功返回首页倒计时

老汉当码农

于 2021-05-17 23:25:46 发布

阅读量306

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_51573077/article/details/116953757

版权

本文介绍了一个简单的JavaScript应用案例，通过编写代码实现商品购买确认后的倒计时功能，并自动跳转到首页。此外，还包含了手动跳转功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

记录JS小练习

倒计时

页面一

<style>
    *{border: 0;padding: 0;}
    .box{width: 200px;height: 300px;background-color: #f5f5f5;padding: 10px;}
    .box div{margin-bottom: 10px;}
    .box div:nth-child(6) button{margin-right: 40px;}
  </style>
<body>
  <div class="box">
    <div>商品：篮球</div>
    <div>原价：999</div>
    <div>现价：199</div>
    <div>颜色：花牛色</div>
    <div>
      <button>取消</button>
      <button>支付</button>
    </div>
  </div>
  <script>
    document.getElementsByTagName('button')[1].onclick = function(){
      // console.log(1);
      let ser = window.confirm('你确定要支付吗？');//这里是一个布尔值
      if(ser){
        location.href = "./cuss.html"
      }
    }