JavaScript example: js定时任务,每隔一段时间就调用函数(可以异步)

原创于 2010-03-03 11:23:42 发布 · 332 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #Spring #CSS #Ajax #json #ViewUI

JavaScript 专栏收录该内容

52 篇文章

订阅专栏

本文介绍如何使用JavaScript实现简单的页面定时任务功能，通过设置定时器定期请求数据并更新页面显示内容。这种方法适用于不需要跨页面持久化的场景。

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

代码很简单,一看就懂,所以不用写思路+注释了
这说明js也可以进行定时任务控制了,不像Spring那样配置定时任务,只需要写js即可
不过这只能停留在当前页面,跳转页面就会失效了,所以Spring定时任务还是王道,Spring任务看[url]这里[/url],即将出来

$(document)
		.ready(
				function() {
					$('#message').css('background', '#ffc');
					$('#message').css('bottom', 0);
					$('#message').css('left', 0);
					$('#message').css('position', 'absolute');

					var username = $('#username').text();
                                           //每隔一段时间就调用
					var id = window.setInterval(loadmessage, 5 * 60 * 1000); 

					function loadmessage() {
						$('#message').val('');
						$('#message').text('');

						$.ajax( {
									type : "GET",
									url : ""
									cache : false,
									dataType: "json",
									success : function(info) {
										var a = info.a;
										var b = info.b;
										//alert(info+''a' 'b);
									if (a != '0' || b != '0') {
										$('#message').html('现有 '+ a ' : '+ b);
									} else if (a == '0'&& b == '0') {
										$('#message').val('');
										$('#message').text('');
									}
								}
								});

					}
				})