当前位置:首页 > 商讯 >

webrtc一对一(二)及php及JS

编辑:北京盛典时光文化传媒有限公司时间:2017-09-02 11:48:44阅读次数:2
webrtc一对一(二)及php及JS

webrtc一对一(二)及php及JS:一、webrtc一对一:1.1 计时研究:1) 场景是:现在需要记录一个用户的登陆到离开的时间段,单击按钮,会调用一个函数startTimer();。

计时开始

2) startTimer()函数

functionstartTimer( ) { minutes = -1; ticker = setInterval("tick( )", 60000); tick( ); }

由上程序可知,startTimer()函数每隔一秒(60000ms)会执行一次tick( )函数。

setInterval()方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval()方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

3)tick()函数

webrtc一对一(二)及php及JS

上面函数tick()中,用到了一个Math.floor()函数,Math.floor() 方法可对一个数进行下舍入。floor() 方法执行的是向下取整计算,它返回的是小于或等于函数参数,并且与之最接近的整数。看个例子:

webrtc一对一(二)及php及JS

注:这个不是四舍五入,得出的数小于等于原来的数。

function tick( ) { ++minutes; //因为上面的计时函数,是每隔一分钟执行(6000ms=60s=1minute)一次,所以,执行一次就加1分钟。 var mns = minutes; //把得到的分钟数赋予一个变量mns var hrs = Math.floor( mns / 60 ); //分钟数转换为小时数 mns %= 60; //每隔60分钟循环一次,不会出现00:61的情况。 var pretty = ( hrs < 10 ? "0" :"" ) + hrs + ":" + ( mns < 10 ? "0" :"" ) + mns; console.log('pretty',pretty); }

hrs <10 ? "0" : ""这句话的含义是:如果时间数字小于10,就加个0,比方说9会显示成09,8会显示成08,一旦大于等于直接显示10点,11点等等。

1.2 建个停止答疑按钮,关闭页面

开始答疑按钮解析:

if(connection.getAllParticipants().join(', ') != connection.sessionid) { varstart_anwserBtn = document.getElementById("start_anwser"); start_anwserBtn.style.display= "block"; }

注:当老师和学生没建立连接时,开始答疑按钮为灰色。打开页面这个按钮是灰色的,就是由这条语句控制的,因为打开页面时,还没建立连接;之后,建立连接后,点击开始答疑按钮,这个按钮变灰色,是因为下面这条jQuery语句:

webrtc一对一(二)及php及JS

1.3 点按钮,关闭页面

1)火狐浏览器,可以用下面的函数:

webrtc一对一(二)及php及JS

但前提必须把火狐的一项dom.allow_scripts_to_close_windows改为:true.是因为firefox默认不能关闭用户打开的网页,可以这样设置firefox。打开firefox,在地址栏输入about:config

找到dom.allow_scripts_to_close_windows这项并改为true。

2)chrome浏览器可以用如下方法关闭当前页面

在网上找到了4种方法,经测试都是可以的,具体如下:

//1 这种方法可用-------------------------------------------------yes window.open(location,'_self',''); window.close(); //2 这种方法可用-------------------------------------------------yes var customWindow =window.open(location,'_self',''); customWindow.close(); //3 这种方法可用-----------------------------------------------------yes var pageUrl =window.location.href; window.open(pageUrl, '_self',''); window.close(); //4 这种方法可用------------------------------------------------------yes open(location,'_self').close();

二、php

2.1 字符串填充函数

str_pad(“字符串”,长度,”填充的内容”,”填充的方向”)

填充的方向是可选的,默认是向右侧填充;

填充方向有:

str_pad_both:左右两边同时进行填充,如果填充为奇数,右侧多填充。

str_pad_left:左侧填充;

str_pad_right:右侧填充。

看个例子:

webrtc一对一(二)及php及JS

从运行结果可以看出:

1)如果填的字符串长度小于或等于原字符串长度,则不进行填充,也不对原字符串进行截断;

2)如果填充时,填写的填充长度大于原字符串长度,且不指定填充内容,则默认填充空格且填充到右侧。

3)如果选择两侧填充,需要填充的内容为奇数个时,右边会比左边多一个。STR_PAD这个函数大小写都成,但STR_PAD_BOTH, STR_PAD_LEFT, STR_PAD_RIGHT必须为大写。

2.2 字符串翻转函数

strrev(),就是把给的字符串字母顺序由前到后改为由后往前。看个例子:

webrtc一对一(二)及php及JS

2.3 md5加密

这个方法主要用于各大网站登陆时的身份认证,安全性较高,不过,据说现在能破解。

看个例子:

webrtc一对一(二)及php及JS

运行结果如下:

webrtc一对一(二)及php及JS

webrtc一对一(二)及php及JS

注:程序中用到了html代码嵌套到php中,因为没连数据库,只能做上述简单验证。

三、JS之jQuery

3.1 jQuery事件

dblclick() 方法触发 dblclick 事件,或规定当发生 dblclick 事件时运行的函数,看个例子:

webrtc一对一(二)及php及JS

双击上面的字,就会消失。

webrtc一对一(二)及php及JS

注:dblclick()方法就是双击,触发一个事件。

3.2 mouseenter()

当鼠标指针穿过元素时,会发生 mouseenter 事件。

mouseenter() 方法触发 mouseenter 事件,或规定当发生 mouseenter 事件时运行的函数,看个例子:

webrtc一对一(二)及php及JS

运行结果如下:

webrtc一对一(二)及php及JS

2016年10月19日星期三

企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:十堰网站制作 http://shiyan.666rj.com

上一篇:IFRAME标签调用内容是完全可以被百度引擎抓取的 下一篇:最后一页

相关阅读