这个星期刚刚学的JQuery，下面我来说说我学的这几个例子

jQuery是JavaScript的一个程序库。

Jquery的工厂函数$()：

在Jquery中 $符号等价于jquery，作用是将DOM对象转化为Jquery对象。

下面我来写几个定时器的案列

定时函数：setTimeout（）用于在指定的毫秒后调用函数或者计算表达式

语法：setTimeout（“调用的函数名称”，等待的毫秒数）

下面我来使用这个函数实现3秒后弹出对话框

<script type="text/javascript">

function timer(){

var t=setTimeout("alert('3 seconds')",);

}

</script>

上面这几行代码就能实现让一个消息框3秒钟后弹出。

我在写一个上课写的一个练习

 <title>时钟</title>

<script type="text/javascript">

function clock_12h(){

var today=new Date; //获取当前时间

var year=today.getFullyear();

var month=today.getMonth() +;

var date=today.getDate();

var hour=today.getHours();

var minute=today.getMinutes();

var second=today.getSeconds();

var apm="AM"//默认显示上午

if(hour>){  //12小时显示

hour=hour-;

apm="PM";

}

var weekday=;

switch(today.getday()){

case :

 weekday = "星期日";

break;

 case :

                    weekday = "星期一";

                    break;

                case :

                    weekday = "星期二";

                    break;

                case :

                    weekday = "星期三";

                    break;

                case :

                    weekday = "星期四";

                    break;

                case :

                    weekday = "星期五";

                    break;

                case :

                    weekday = "星期六";

                    break;

}

document.getElementById("myclock").innerHTML=“<h2>你好</h2> + year + "年" + month + "月" + date + "日&nbsp;" + hour + ":" + minute + ":" + second + "&nbsp;" + apm + "&nbsp;" + weekday ;”

   setInterval("clock_12h()", );

}

</script>

<body onload="clock_12h()">

    <div id="myclock"></div>

</body>

jQuery基础，定时器，工厂函数的更多相关文章

  1. jQuery基础的工厂函数以及定时器的经典案例

    1. jQuery的基本信息:  1.1 定义: jQuery是JavaScript的程序库之一,它是JavaScript对象和实用函数的封装, 1.2 作用: 许多使用JavaScript能实现的交 ...

  2. jQuery分析(2) - $工厂函数分析

    前言 从这节进入jQuery的世界,首先从jQuery的入口函数开始了解jQuery()或$是如何运作的,这里我给出了一个最小的例子来分析. 回忆 在进入分析代码前我们回想下jQuery的使用方法有哪 ...

  3. jQuery基础（工具函数，浏览器信息，检测节点，字符串，$.extend()）

    1.获取浏览器的名称与版本信息   在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息 如$.browser.chrome为true,表示当前为Chrome浏览器, $.bro ...

  4. 【前端】之jQuery基础知识

    jQuery 简介 在项目中引入jQuery: 去jQuery官网下载jQuery包:jquery-3.2.1.min.js 将下载的jQuery包添加到项目目录中 在标签下添加jQuery引用:&l ...

  5. jQuery基础之（三）jQuery功能函数前缀及与window.onload冲突

    1.jQuery功能函数前缀 在javascript中,开发者通常会编写一些小函数来处理各种操作细节,例如在用户提交表单时,要将文本框最前端和最末端的空格内容清理掉.而javascript中没有类似t ...

  6. golang 基础 map及工厂函数

    Map是一种数据结构,是一个集合,用于存储一系列无序的键值对.它基于键存储的,键就像一个索引一样,这也是Map强大的地方,可以快速快速检索数据,键指向与该键关联的值. 内部实现 Map是基于 散列表 ...

  7. jQuery 使用 jQuery UI 部件工厂编写带状态的插件（翻译）

    首先,我们要创建一个progress bar,它只允许我们简单的设置进度值.正如我们接下来将要看到的,我们需要通过调用 jQuery.widget 及其两个参数来实现这一操作,这两个参数分别是:将要创 ...

  8. Jquery基础教程第二版学习记录

    本文仅为个人jquery基础的学习,简单的记录以备忘. 在线手册:http://www.php100.com/manual/jquery/第一章:jquery入门基础jquery知识:jquery能做 ...

  9. 第一章 jQuery基础

    第一章jQuery基础 一.jQuert简介 1.什么是jQuery jQuery是javaScript的程序库之一,它是javaScript对象和实用函数的封装. jQuery是继Prototype ...

随机推荐

  1. React 还是 Vue: 你应该选择哪一个Web前端框架？

    学还是要学的,用的多了,也就有更多的认识了,开发中遇到选择的时候也就简单起来了. 本文作者也做了总结: 如果你喜欢用(或希望能够用)模板搭建应用,请使用Vue    如果你喜欢简单和“能用就行”的东西 ...

  2. centos 安装 rabbitMQ

    此类文章一大堆,本文主要站在开发角度保证基本rabbitmq的基本访问. 系统:centos6 64bit 官方指引:https://www.rabbitmq.com/install-rpm.html ...

  3. Frame创建窗体实例

    public class Test { public static void main(String[] args) { // TODO Auto-generated method stub Fram ...

  4. Redis Sentinel 高可用实现说明

    背景:      前面介绍了Redis 复制.Sentinel的搭建和原理说明,通过这篇文章大致能了解Sentinel的原理和实现方法以及相关的搭建.这篇文章就针对Redis Sentinel的搭建做 ...

  5. Ubuntu 12.04安装Adobe Reader

    原本从Adobe 官方网站下载了 Adobe Reader, 是个rpm包,先用agt-get 装了rpm(sudo apt-get install rpm), 一安装(rpm -ivh AdobeR ...

  6. putty可以远程连接linux，但上不了网（nat模式）

    话说,这个问题搞了我一个下午 = = 不过终于可以用NAT模式上网了,还是挺有成就感的 首先放张这样的图上去 证明putty 连linux 是木有问题的,但是上不了网哦~~~ 大家请注意, 当前ip是 ...

  7. 2017 苹果强制https

    苹果的ATS(App Transport Security)对服务器硬性3点要求: ① ATS要求TLS1.2或者更高,TLS 是 SSL 新的别称. ② 通讯中的加密套件配置要求支持列出的正向保密. ...

  8. 搭建Git服务器

    在远程仓库一节中,我们讲了远程仓库实际上和本地仓库没啥不同,纯粹为了7x24小时开机并交换大家的修改. GitHub就是一个免费托管开源代码的远程仓库.但是对于某些视源代码如生命的商业公司来说,既不想 ...

  9. JAVA中static关键字

    用法:是一个修饰符,用于修饰成员(成员变量,成员函数),不能用于修饰局部变量!被static修饰后,就多了一种调用方式,除了可以被对象调用外,还可以直接被类名调用,写法格式是:类名.静态成员.优点:被 ...

  10. 【Jsoup网页解析】

    下载链接:http://jsoup.org/download 一.普通的请求方式(不带有cookie) 使用举例: 第一步: Connection conn=Jsoup.connect(url); 第 ...