这个星期刚刚学的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. OS X EI Capitan安装refind时出现Could not set boot device property: 0xe00002bc

    参考:terminal - OSX 10.11 El Capitan - setting boot device property not working ... 解决办法: 1.重启MacMini, ...

  2. XHR——XMLHttpRquest对象

    创建XMLHttpRequest对象 与之前众多DOM操作一样,创建XHR对象也具有兼容性问题:IE6及之前的版本使用ActiveXObject,IE7之后及其它浏览器使用XMLHttpRequest ...

  3. springmvc 表单提交

    Spring MVC自带的表单标签比较简单,很多时候需要借助EL和JSTL来完成. 下面是一个比较简单的表单提交页面功能: 1.User model package com.my.controller ...

  4. vuejs

    简介 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易 ...

  5. T-SQL 语句的理解

    1.T-SQL中各子句在逻辑上按照以下顺序进行处理 . . . .. .ORDER BY 查询实例: SELECT EMPID, YEAR(ORDERDATE) AS ORDERYEAR, COUNT ...

  6. 【MySQL】使用Length和Cast函数计算TEXT类型字段的长度

    背景: 前段时间,业务需要,为了快速让解析的Excel入库,所以把不是很确定的字段全部设置成了TEXT. 今天需要进行表结构优化,把字段长度控制在合适的范围,并尽量不使用TEXT类型. -- 计算长度 ...

  7. Yii 动作过滤的方法

    protected function _init() { } public function beforeAction($action) { //黑名单 $blackList = array('tes ...

  8. js根据不同浏览器(分辨率)调用不同css

    根据不同浏览器: <script type="text/javascript"> var version = navigator.userAgent; if (vers ...

  9. （转）.NET开发人员必备的可视化调试工具（你值的拥有）

    1:如何使用 1:点击下载:.NET可视化调试工具 (更新于2016-11-05 20:55:00) 2:解压RAR后执行:CYQ.VisualierSetup.exe 成功后关掉提示窗口即可. PS ...

  10. pm2无法自动重启

    在服务器上有个上传文件的服务,之前是pm2启动,每当有文件上传会自动重启 现在为了应对服务器宕机,我把启动脚本放在了另一文件夹内,所以就无法自动重启, 原文在 http://pm2.keymetric ...