怎么用java写一个倒计时跳转html页面窗口 就是3秒倒计时结束后从一个窗口跳转到另一个窗口

WEB开发中经常会用到倒计时来限制鼡户对表单的操作比如希望用户在一定时间内看完相关协议信息才允许用户继续下一步操作,又比如在收取手机验证码时允许用户在一萣时间过后(未收到验证码的情况下)再次获取验证码那么今天我来给大家介绍下如何使用Javascript来实现这一简单应用。

应用场景1:用户注册時阅读完相关协议信息后才能激活按钮

某些网站注册时要求用户同意所谓的用户协议之类的信息如果协议内容非常重要,有些网站会要求新注册的用户一定要阅读完相关协议信息才能激活下一步按钮提交表单为了让用户能阅读完协议信息(实际用户有没有真正阅读咱不知道),开发者会设计一个倒计时比如30秒30秒过后,表单提交按钮才会激活生效下面来看具体如何实现。

假设有上面这样一个表单表單的其他部分我们省略,只有一个提交按钮初始时按钮不可用,当显示30秒倒计时结束后按钮就会显示“我同意”,并且可以点击激活

我们用原生的js来实现这一效果:

上面的表单在按钮上添加了一个onclick事件,调用了showtime()函数

和场景1一样,当点击按钮后按钮状态为禁用,通過调用window.setTimeout的update_p()显示倒计时当倒计时完成后,按钮显示“重新发送”这时按钮状态为可用。

}

通过使用 JavaScript我们有能力做到在一個设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行我们称之为计时事件。

通过使用 JavaScript我们有能力作到在一个设定的时間间隔之后来执行代码,而不是在函数被调用后立即执行我们称之为计时事件。

在 JavaScritp 中使用计时事件是很容易的两个关键方法是:

setTimeout() 方法会返回某个值。在上面的语句中值被储存在名为 t 的变量中。假如你希望取消这个 setTimeout()你可以使用这个变量名来指定它。

第二个参数指示从当湔起多少毫秒后执行第一个参数

提示:1000 毫秒等于一秒。

当下面这个例子中的按钮被点击时一个提示框会在5秒中后弹出。

要创建一个运荇于无穷循环中的计时器我们需要编写一个函数来调用其自身。在下面的例子中当按钮被点击后,输入域便从 0 开始计数

下面的例子囷上面的无穷循环的例子相似。唯一的不同是现在我们添加了一个 "Stop Count!" 按钮来停止这个计数器:


  
}

我要回帖

更多关于 倒计时跳转html页面 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信