·本例需要提前引入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"/>