降临 发表于 2023-3-30 22:02:39

js实例之01支付后的10秒倒计时

这是一个通过js实现的支付后的页面,点击支付会跳出一个弹窗,提示你是否要确定支付,确定后进入付后界面,该页面有着10秒倒计时,计时结束后便会返回原界面。也可以选择立刻返回,来返回主页面<br>第一个zhifu.html页面<br><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>支付页面</title>
   
</head>

<body>
   
      <p>商品:web前端课程</p>
      <p>原价:1980元</p>
      <p>现价:1.98元</p>
      <p>内容:html、css、JavaScript</p>
      <p>地址:郑州升达经贸管理学院</p>
      <p>
            <button>取消</button>
            <button>支付</button>
      </p>
   
   
</body>

</html> 
<br>第二个ten.html页面<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>10秒倒计时</title>
   
</head>

<body>
   
      <h2>恭喜您,支付成功</h2>
      <span id="jumpto">10</span>秒后自动返回首页
      <p><button>立刻返回</button></p>
   
   
</body>

</html> 
  
  

来源:https://www.cnblogs.com/Ldz123/p/17261329.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: js实例之01支付后的10秒倒计时