这个星期刚刚学的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. str.format

    #使用str.format()函数 #使用'{}'占位符 print('I\'m {},{}'.format('Hongten','Welcome to my space!')) >>&g ...

  2. js 阻止事件冒泡

    function stopBubble(e) { //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的st ...

  3. getRealPath("/")弃用

    用request.getSession().getServletContext().getRealPath("/");替换getRealPath("/"):

  4. DNS解析过程和域名收敛、域名发散、SPDY应用

    前段时间项目要做域名收敛,糊里糊涂的完成了,好多原理不清晰,现在整理搜集下知识点. 域名收敛的目的是什么?简单来说就是域名解析慢.那为什么解析慢?且听下文慢慢道来. 什么是DNS? DNS( Doma ...

  5. 调整 ANTD 组件菜单的字体大小。

    调整 ANTD 组件菜单的字体大小:经过多次试验,原有字体太小,只有12px,通过下列CSS 强制加大. 1.分组子菜单(标题) .ant-menu-inline > .ant-menu-sub ...

  6. jstl catch if choose标签

    catch标签: catch标签用来处理异常 属性: * var :用来出现异常保存到的变量. 代码: <c:catch var="e"> <% int i = ...

  7. Memcache 内存分配策略和性能(使用)状态检查

    前言: 一直在使用Memcache,但是对其内部的问题,如它内存是怎么样被使用的,使用一段时间后想看看一些状态怎么样?一直都不清楚,查了又忘记,现在整理出该篇文章,方便自己查阅.本文不涉及安装.操作. ...

  8. UIPickerView选择器的使用方法

    UIPickerView是选择列表内容的控件 使用方法与UITableView类似 都需要用array传入数据 用Delegate DataSource中的代理方法实现各种显示功能 @interfac ...

  9. 【leetcode】Unique Binary Search Trees (#96)

    Given n, how many structurally unique BST's (binary search trees) that store values 1...n? For examp ...

  10. JDK各个版本的新特性jdk1.5-jdk8

    JDK各个版本的新特性 对于很多刚接触java语言的初学者来说,要了解一门语言,最好的方式就是要能从基础的版本进行了解,升级的过程,以及升级的新特性,这样才能循序渐进的学好一门语言.今天先为大家介绍一 ...