JQuery计数器+延时+从隐藏域取值赋值+页面加载自动运行

本文介绍了一个使用jQuery的JavaScript脚本实例,该实例在页面加载完成后自动触发按钮点击事件,并通过延时函数实现不同状态下的按钮值更新与显示。文章展示了如何使用jQuery获取和设置按钮值。

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

·本例为javascript片段
·本例需要提前引入jquery.js的支持
·本例实现的功能为 页面加载完毕自动触发按钮点击事件
·按钮被点击后事件为:0、触发延迟操作;1、弹出目前按钮的value值;2、改变目前按钮的值;
·本例需要一个button按钮
·技术点综述:自动运行、延时、JQuery取值、JQuery赋值

·技术易错点:1、需要提前引入jquery.js的支持;2、使用延时的方法后,其调用的方法需要在$(function(){});之外;3、使用延时任务只会对其引用的方法延时,对于延时方法之后的代码并不存在延时,而是直接运行,可以认为是“多线程”


取值赋值的方法要随标签类别变化 参考 JQuery给textarea取值和赋值


方法如下

Javascript部分

<script src="${pageContext.request.contextPath}/static/js/jquery-2.1.1.min.js" type="text/javascript"></script>

<script>
function rghetimeout1() {alert("这是3秒之后了哈哈");
var m=$('#WXclick').val();
alert(m);
if(m=="0"){

$('#WXclick').val('1');
b = '${wxJsonconfigStr}';
alert("增加其他业务逻辑吧");
}else if(m=='1'){

$('#WXclick').val('2');
}else if(m=='2'){
$('#WXclick').val('3');
}else{
$('#WXclick').val('max');
}
};
$(function(){
$("#WXclick").click(function() {
 
setTimeout("rghetimeout1()",1000*3);//单位为毫秒,1000毫秒为1s-应该是3分钟-1000*60*3
alert("我不会等延时任务结束才运行哦");
});

//加载完即自动运行
$("#WXclick").click();

});


</script>

html/jsp代码部分

<input id="WXclick" value="0" type="button"/>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值