`
TxjDsk
  • 浏览: 93785 次
  • 性别: Icon_minigender_1
  • 来自: wuhua
社区版块
存档分类
最新评论

jQuery的setInterval的使用

 
阅读更多

  今天在使用jQuery的setInterval时总是不能成功,在网上找了一下,发现别人的也有很多错误,最后发现了setInterval的使用方法。

下面上整个代码,如果要使用,要自己加入jQuery包:

<html>

<head>
<script src="scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){ 
 setInterval (showTime, 2000);
 function showTime()
 {
      var today = new Date();
      alert("The time is: " + today.toString ());
 }
 $.extend({
    show:function(){
     alert("ready");
   }
});
setInterval($.show,3000);

 

 

})
</script>
</head>
<body>

<div>

<hr>
</div>
</body>
</html>

关键就在setInterval里的showTime这个参数,它是不能使用双引号和括号的。千万不要写成“setInterval()",这样会报错,且效果不会出来。

分享到:
评论
1 楼 sammyke 2011-12-05  

相关推荐

    Jquery中使用setInterval和setTimeout的方法

    在JQuery中使用setInterval和setTimeout方法是JavaScript编程中的常见需求,特别是在需要周期性执行任务或延时执行任务时。这两个方法虽然语法相近,但功能和使用场景有所区别。在使用时,经常需要结合JQuery的ready...

    setInterval,setTimeout与jquery混用的问题

    在JavaScript和jQuery中,`setInterval` 和 `setTimeout` 是两个非常重要的定时器函数,用于在指定的时间间隔后执行特定的代码。然而,当它们与jQuery库一起使用时,可能会出现一些问题,尤其是在DOM未完全加载的...

    jquery高亮图片框 jquery图片展示 jquery效果很好

    要实现这个效果,可以使用jQuery的选择器来选中图片框元素,然后通过`.css()`方法修改样式。例如,当用户鼠标悬停在图片框上时,可以编写以下代码: ```javascript $('.image-box').hover(function() { $(this)....

    jquery实现简单的人物跑动

    本教程将深入讲解如何使用jQuery来实现一个简单的人物跑动效果,这对于初学者来说是一个很好的起点。 首先,理解jQuery的核心概念至关重要。jQuery通过选择器选取DOM元素,然后对这些元素进行操作。例如,`$("#...

    浅谈jQuery中setInterval()方法

    在实际开发中,setInterval()方法可以嵌入到jQuery的选择器中使用,以实现更加复杂的操作。文档中给出的两种用法,一种是将函数定义在外部,通过setInterval()定时调用;另一种是将函数直接定义在setInterval()内部...

    jQuery服装商城管理系统

    利用`.animate()`函数,我们可以定制滚动速度和方向,结合定时器(`setInterval()`或`setTimeout()`),可以实现新闻滚动更新,为用户提供实时信息,增加网站的互动性。 图片左右滑动和图片放大镜功能是提升电商系统...

    使用JS和jQuery开发的打地鼠游戏

    在本项目中,我们使用JavaScript和jQuery这两种强大的Web开发工具来实现这样一个打地鼠游戏。下面将详细介绍这两个技术在游戏开发中的应用及其相关知识点。 首先,JavaScript是Web开发的基础,它是一种轻量级的脚本...

    JQuery 游戏 俄罗斯方块 代码

    在jQuery中,可以利用定时器(`setInterval`或`setTimeout`)来模拟游戏的实时性,如设定每秒下降一格。方块的旋转可以通过计算每个方块单元的坐标变化实现,这涉及到矩阵旋转的数学知识。而方块与底部或已有方块的...

    Jquery图片定时切换展示

    本文将深入探讨如何使用JQuery这一强大的JavaScript库来实现这一功能。 首先,JQuery是一个轻量级、高性能的JavaScript库,它简化了DOM操作、事件处理和动画效果,使得开发者能够更高效地编写JavaScript代码。...

    jQuery loading加载动画特效

    可以使用show(), hide()方法结合setTimeout()或setInterval()控制动画的显示和隐藏。 五、示例代码 ```html &lt;!DOCTYPE html&gt; &lt;title&gt;jQuery Loading 动画 &lt;script src="https://code.jquery....

    jquery 左右切换效果

    4. **定时器**:如果要实现自动切换,可以使用 JavaScript 的 `setInterval()` 函数来定时执行切换函数。同时,需要考虑添加暂停和继续切换的控制,这可以通过清除定时器 `clearInterval()` 来实现。 5. **数据索引...

    jquery.spider.disk硬盘使用百分比进度条代码

    - `setInterval()`:使用 JavaScript 的定时器函数,定期调用 `updateDiskUsage()` 更新进度条。 ### 5. 使用示例 在实际项目中,首先需要引入 `jQuery` 和 `jQuery Spider Disk` 的 JavaScript 文件。接着,创建...

    jquery实现进度条特效

    jQuery,一个广泛使用的JavaScript库,提供了丰富的功能来简化DOM操作、事件处理和动画效果,其中包括实现进度条特效。本教程将详细介绍如何使用jQuery来创建自定义的进度条特效,并可以根据个人需求调整样式和风格...

    jquery实现图片自动切换

    "jQuery 实现图片自动切换"是一个典型的前端开发案例,它涉及到JavaScript库jQuery的使用,以及如何通过编程实现图片轮播功能。在这个主题中,我们将深入探讨jQuery的核心概念、图片轮播的基本原理以及如何利用...

    jquery动态数字增加

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。"jQuery动态数字翻滚计数到指定数字的文字特效代码"是一个常见的需求,尤其在显示实时更新的数据或者...

    jquery-1.6.4

    假设我们要使用jQuery 1.6.4实现一个简单的图片轮播效果: ```javascript $(document).ready(function() { var $slider = $("#slider"); var currentIndex = 0; function showSlide(index) { $slider.find(...

    Jquery 图片展示效果

    1. 基本轮播:利用 jQuery,可以创建一个简单的图片轮播,通过定时器(`setInterval()`)改变图片的显示。例如,可以使用 `.fadeOut()` 和 `.fadeIn()` 方法实现图片的淡入淡出效果。 2. 导航按钮:添加前进和后退...

    jQuery setTimeout()函数使用方法

    setTimeout()从载入后延迟指定的时间去执行一... 只会执行一次,有朋友说可以使用 代码如下:setInterval (“showTime()”, 5000);function showTime(){ var today = new Date(); alert(“The time is: ” + today.to

Global site tag (gtag.js) - Google Analytics