jQuery基础，定时器，工厂函数

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery基础，定时器，工厂函数相关的知识，希望对你有一定的参考价值。

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

jQuery是javascript的一个程序库。

Jquery的工厂函数$()：

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

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

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

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

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

<script type="text/javascript">
function timer(){
var t=setTimeout("alert(‘3 seconds‘)",3000);
}

</script>

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

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

 <title>时钟</title>
<script type="text/javascript">
function clock_12h(){
var today=new Date; //获取当前时间
var year=today.getFullyear();
var month=today.getMonth() +1;
var date=today.getDate();
var hour=today.getHours();
var minute=today.getMinutes();
var second=today.getSeconds();

var apm="AM"//默认显示上午
if(hour>12){  //12小时显示
hour=hour-12;
apm="PM";
}
var weekday=0;
switch(today.getday()){
case 0:
 weekday = "星期日";
break;
 case 1:
                    weekday = "星期一";
                    break;
                case 2:
                    weekday = "星期二";
                    break;
                case 3:
                    weekday = "星期三";
                    break;
                case 4:
                    weekday = "星期四";
                    break;
                case 5:
                    weekday = "星期五";
                    break;
                case 6:
                    weekday = "星期六";
                    break;
}
document.getElementById("myclock").innerhtml=“<h2>你好</h2> + year + "年" + month + "月" + date + "日&nbsp;" + hour + ":" + minute + ":" + second + "&nbsp;" + apm + "&nbsp;" + weekday ;”
   setInterval("clock_12h()", 1000);






}

</script>




<body onload="clock_12h()">
    <div id="myclock"></div>

</body>

 

以上是关于jQuery基础，定时器，工厂函数的主要内容，如果未能解决你的问题，请参考以下文章

jQuery基础

jQuery分析 - $工厂函数分析

如果用户没有使用浏览器，则jQuery计时器停止

jQuery基础教程详解的目录

《jQuery基础教程(第四版)》学习笔记

[vscode]--HTML代码片段（基础版，reactvuejquery）