翼度科技»论坛 编程开发 JavaScript 查看内容

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

3

主题

3

帖子

9

积分

新手上路

Rank: 1

积分
9
  1. 这是一个通过js实现的支付后的页面,点击支付会跳出一个弹窗,提示你是否要确定支付,确定后进入付后界面,该页面有着10秒倒计时,计时结束后便会返回原界面。也可以选择立刻返回,来返回主页面<br>第一个zhifu.html页面<br><!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>支付页面</title>
  8.    
  9. </head>
  10. <body>
  11.    
  12.         <p>商品:web前端课程</p>
  13.         <p>原价:1980元</p>
  14.         <p>现价:1.98元</p>
  15.         <p>内容:html、css、JavaScript</p>
  16.         <p>地址:郑州升达经贸管理学院</p>
  17.         <p>
  18.             <button>取消</button>
  19.             <button>支付</button>
  20.         </p>
  21.    
  22.    
  23. </body>
  24. </html>
复制代码
 
  1. <br>第二个ten.html页面
复制代码
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>10秒倒计时</title>
  8.    
  9. </head>
  10. <body>
  11.    
  12.         <h2>恭喜您,支付成功</h2>
  13.         <span id="jumpto">10</span>秒后自动返回首页
  14.         <p><button>立刻返回</button></p>
  15.    
  16.    
  17. </body>
  18. </html>
复制代码
 
  
  

来源:https://www.cnblogs.com/Ldz123/p/17261329.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

举报 回复 使用道具