`

js中的setTimeout实例

阅读更多
//简单的setTimeout的一个时钟

function showTime(){
    var today = new Date();
    var h = today.getHours(),
          m =today.getMinutes(),
          s = today.getSeconds();
    //追加0的判断
    m = checkZero(m);
    s =  checkZero(s);
    //绑给一个id为text的显示
    document.getElementById('text').innerHTML = h+":"+m+":"s;
    t = setTimeout('showTime()',500);
}

//内部调用
//不做参数类型防范性过滤
function checkZero(param){
    if(param < 10){
       param = "0"+param;  
    }
    return param;
}
0
0
分享到:
评论

相关推荐

    js中settimeout方法加参数的使用实例.docx

    在JavaScript中,`setTimeout`是一个非常重要的异步执行方法,用于在指定的毫秒数后调用一个函数或执行某段代码。这个方法是浏览器提供的全局函数,可以在任何作用域中使用。`setTimeout`的基本语法如下: ```...

    实例讲解JS中setTimeout()的用法

    在提供的实例中,我们看到了`setTimeout()`的用法。例如,`start()`函数中,`setTimeout("start()", 10)`会在10毫秒后再次调用`start()`函数,这样就实现了计时器的效果,每10毫秒更新页面上显示的秒数。 此外,...

    js中setTimeout()与clearTimeout()用法实例浅析.docx

    JavaScript中的`setTimeout()`和`clearTimeout()`是两个非常重要的函数,它们主要用于实现异步编程中的定时操作。在JavaScript中,由于其单线程执行的特性,`setTimeout()`和`clearTimeout()`提供了延迟执行代码和...

    js中的setInterval和setTimeout使用实例.docx

    javascript 中的 setInterval 和 setTimeout 使用实例 在 javascript 中,有两个重要的定时执行函数,即 setInterval 和 setTimeout。这两个函数都可以用来执行某个函数或表达式,但它们之间有一些关键的区别。 ...

    js中setTimeout()与clearTimeout()用法实例浅析

    本文实例分析了js中setTimeout()与clearTimeout()用法。分享给大家供大家参考。具体分析如下: setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. clearTimeout() 方法可取消由 setTimeout() 方法设置的 ...

    javaScript经典实例

    它是一种轻量级的脚本语言,主要运行在浏览器环境中,但也适用于服务器端(如Node.js)和其他平台。"JavaScript经典实例"这个主题涵盖了一系列经过实践验证的代码片段和实用技巧,旨在帮助开发者深化对JavaScript的...

    javascript经典实例源码

    实例中可能包含获取元素(getElementById、getElementsByClassName、querySelectorAll等)、修改元素属性、添加和删除元素、以及事件监听和触发的方法。 5. **事件处理**:在JavaScript中,事件是用户与页面交互时...

    实例详解JavaScript中setTimeout函数的执行顺序

    其实网上关于JavaScript中setTimeout的文章很多,但总感觉例子不够直接具体,因此写了个简单的例子并加以解释希望能让大家明白setTimeout是如何执行的。下面话不多说了,来一起看看详细的介绍: 实例代码如下: ...

    java后台定时器最简单用法实例,类似于js里的setTimeOut

    java后台定时器最简单用法实例,类似于js里的setTimeOut

    js经典实例 javascript经典实例 霓虹灯特效 js经典实例 javascript经典实例 霓虹灯特效

    根据提供的标题、描述、标签及部分内容,我们可以总结出本文主要关注的是JavaScript中实现的一个经典实例——霓虹灯特效。为了更好地理解这一知识点,我们将从以下几个方面进行深入探讨: ### 一、JavaScript简介 ...

    JavaScript网页开发实例教程

    在《JavaScript网页开发实例教程》这本资料中,作者通过一系列实际案例深入浅出地介绍了JavaScript在网页开发中的应用。该教程旨在帮助读者理解并掌握JavaScript编程语言,并能够利用其进行高效的网页开发。 #### ...

    javascript经典实例大全

    在实例中,你可能会看到`XMLHttpRequest`对象或现代的`fetch` API的用法。 4. **动画效果**:JavaScript可以用于创建各种动态效果,如平滑滚动、淡入淡出、旋转、缩放等。这些通常涉及到CSS属性的修改,如`...

    解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题

    关于在Vue中管理setTimeout和setInterval,尤其是涉及到Vue的路由切换时定时器未被销毁的问题,主要涉及到Vue的生命周期钩子、JavaScript的this关键字以及ES6箭头函数的特性。 首先,Vue中的生命周期钩子允许我们在...

    非常有用的js,js实例

    这个压缩包中的JavaScript实例可能是针对以上各个知识点的具体应用,通过对照代码和查看运行效果,你可以更好地理解和掌握JavaScript的核心概念。不断练习和实践,逐步积累经验,将有助于你成为一名熟练的JavaScript...

    300个JavaScript应用实例

    实例中可能包含这些基本元素的运用,帮助初学者熟悉语言的基本结构。 2. **函数与闭包** 函数是JavaScript中的重要组成部分,用于封装可重用的代码。闭包则是一种特殊现象,允许函数访问并操作其外部作用域的变量...

    javascript 经典实例大全四

    在这个"JavaScript经典实例大全四"中,我们涵盖了各种主流的JavaScript实例代码,包括特效、广告和样式等多方面内容,旨在帮助开发者更好地理解和应用JavaScript。 一、基础语法与数据类型 JavaScript的基础语法...

    关于JS中setTimeout()无法调用带参函数问题的解决方法

    本文实例分析了JS中setTimeout()无法调用带参函数问题的解决方法。分享给大家供大家参考,具体如下: 解决方法:重写setTimeout() 方法,需要用到闭包函数。如下: var _st = window.setTimeout; window.setTimeout...

    javascript源代码_经典实例100.rar

    8. **模块化**:JavaScript模块化可以通过CommonJS(Node.js中使用)或ES6的import/export实现,便于代码组织和重用。 9. **正则表达式**:用于文本匹配和操作的强大工具,在JavaScript中广泛用于验证表单输入、...

    JavaScript网页特效实例大全.rar

    JavaScript,作为全球最广泛使用的客户端脚本...这个压缩包中的实例涵盖了JavaScript特效的方方面面,通过学习和实践,开发者可以提升自己的JavaScript技能,创造出更多创新的网页特效,提升网页的吸引力和用户体验。

    js中settimeout方法加参数的使用实例

    在JavaScript编程中,`setTimeout` 是一个非常重要的方法,用于在指定的毫秒数后执行一段代码或调用一个函数。使用 `setTimeout` 方法时,有时需要将参数传递给回调函数,但是在早期的JavaScript示例中,尤其是在W3...

Global site tag (gtag.js) - Google Analytics