首页 > Web开发 > 详细

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

时间:2016-05-20 14:32:23      阅读:204      评论:0      收藏:0      [点我收藏+]

这个星期刚刚学的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基础,定时器,工厂函数

原文:http://www.cnblogs.com/liujunhaodeboke/p/5511983.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!