`
belldeep
  • 浏览: 39503 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

javascript : 回调函数例子

阅读更多
数字时钟 digital_clock.html
<!DOCTYPE html>                 <!-- This is an HTML5 file -->
<html>                          <!-- The root element -->
<head>                          <!-- Title, scripts & styles go here -->
<title>Digital Clock</title>
<script>                        // A script of js code
// Define a function to display the current time
function displayTime() {
    var elt = document.getElementById("clock");  // Find element with id="clock"
    var now = new Date();                        // Get current time
    elt.innerHTML = now.toLocaleTimeString();    // Make elt display it
    setTimeout(displayTime, 1000);               // Run again in 1 second
}
window.onload = displayTime;  // Start displaying the time when document loads.
</script>
<style>                         /* A CSS stylesheet for the clock */
#clock {                        /* Style apply to element with id="clock" */
  font: bold 24pt sans;         /* Use a big bold font */
  background: #ddf;             /* On a light bluish-gray background */
  padding: 10px;                /* Surround it with some space */
  border: solid black 2px;      /* And a solid black border */
  border-radius: 10px;          /* Round the corners (where supported) */
}
</style>
</head>
<body>                    <!-- The body is the displayed parts of the doc. -->
<h1>Digital Clock</h1>    <!-- Display a title -->
<span id="clock"></span>  <!-- The time gets inserted here -->
</body>
</html>

参考书:[ JavaScript 权威指南 E6] 第13章
分享到:
评论

相关推荐

    JavaScript中的回调函数实例讲解

    *@brief: 回调函数 */ export default class Person { constructor(){ } /** * 设置名称 * @param nameCallback 传入回调函数 */ setName(nameCallback){ //弹出输入对话框 let name = promp

    javascript的回调函数应用示例

    回调函数概念:回调函数就是一个通过函数指针调用的函数。如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用为调用它所指向的函数时,我们就说这是回调函数。 JS Api 里这样解释:A callback is ...

    javascript 回调函数详解

    在JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。因此callback 不一定...

    JavaScript callback回调函数用法实例分析

    本文实例讲述了JavaScript callback回调函数用法。分享给大家供大家参考,具体如下: 在使用开源项目的时候经常会使用到回调函数,如果把回调函数弄清楚了,那么对我们深入了解开源项目会有很大帮助。 回调函数百度...

    js回调函数示例

    回调示例

    回调函数的应用例子

    一些使用回调函数的小例子,融合了javascript技术中的callback函数、定时器、js动画以及结点思想。

    js回调函数的介绍和使用

    JavaScript中的回调函数是异步编程的核心机制之一,它在处理事件驱动和非阻塞I/O操作时发挥着关键作用。回调函数的主要目的是解决程序执行顺序的问题,特别是在处理那些需要等待某些操作完成才能继续执行的场景。 ...

    关于javascript 回调函数中变量作用域的讨论

    1、背景 Javascript中的回调函数,相信大家都不陌生,最明显的例子是做Ajax请求时,提供的回调函数, 实际上DOM节点的事件处理方法(onclick,ondblclick等)也是回调函数。 在使用DWR的时候,回调函数可以作为第一个...

    关于Javascript回调函数的一个妙用

    其实回调函数简单通俗点就是当有a和b两个函数,当a作为参数传给b,并在b中执行,这时a就是一个回调(callback)函数,如果a是一个匿名函数,则为匿名回调函数那下面们来通过一个实例来具体解释下Javascript回调函数怎么...

    javascript回调函数的概念理解与用法分析

    主要介绍了javascript回调函数的概念理解与用法,结合具体实例形式分析了javascript回调函数的功能、原理、使用方法与相关注意事项,需要的朋友可以参考下

    javascript带回调函数的异步脚本载入方法实例分析

    主要介绍了javascript带回调函数的异步脚本载入方法,以实例形式较为详细的分析了javascript回调函数实现异步载入的定义与使用技巧,需要的朋友可以参考下

    Javascript基于AJAX回调函数传递参数实例分析

    本文实例讲述了Javascript基于AJAX回调函数传递参数的方法。分享给大家供大家参考,具体如下: 前面介绍了《javascript实现html页面之间参数传递的四种方法》,这里针对ajax参数传递做一分析。 在Javascript 中,...

    解决ajax回调函数返回的字符串乱码问题

    ServletActionContext.getResponse().setContentType(“text/json;... 您可能感兴趣的文章:jQuery Ajax Post 回调函数不执行问题的解决方法Javascript基于AJAX回调函数传递参数实例分析ajax回调函数中使用$(this)取不到

    JS回调函数简单易懂的入门实例分析

    本文实例讲述了JS回调函数。分享给大家供大家参考,具体如下: 初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数。什么是JS?(点击查看) 下面先看看标准的解释: [removed] function ...

    js中回调函数的学习笔记

    回调函数是什么在学习之前还真不知道js回调函数怎么使用及作用了,下面本文章把我在学习回调函数例子给各位同学介绍一下吧,有需了解的同学不防进入参考。 回调函数原理: 我现在出发,到了通知你” 这是一个异步的...

Global site tag (gtag.js) - Google Analytics