日度归档:2020年2月5日

javascript html页面如何实现“倒计时后按钮变为可用状态”呢?


摘要:
下文讲述javascript实现倒计时功能,并且倒计时后将按钮设置为可用状态的方法分享,如下所示:

在一些网页中,我们有时候需要页面加载一段时间后,页面的按钮才变为可用状态,
例: 用户注册时,各项协议需过一段时间后,才可勾上复选框,
那么此时就要用到下面的功能

实现思路:
使用setInterval定时函数重复调用js函数,达到倒计时操作的目的
1.定义一个全局的变量s用于存储倒计时时间(秒为单位)
2.定义一个函数,判断全局变量s
当s大于0时,则继续执行递减
当s=0时,则放开按钮可用性和删除定时器
3.定义一个定时器调用此函数


<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>猫猫教程(www.maomao365.com)---倒计时指定时间后,才可点击按钮</title> 
<script type="text/javascript">
var s=5;
function daoJiShi(){
  var btnSub=document.getElementById("btnSub");
  if(btnSub){
    if(s<=0){
      btnSub.value="按钮可用";
      btnSub.disabled=false;
      clearInterval(id);
    }
    else{
      btnSub.value="请等待5秒中(还剩"+s+"秒)";
      s--;
    }
  }
}
var id = setInterval('daoJiShi()',1000)
</script>
</head>
<body>
<textarea>***********</textarea>
<input id="btnSub" type="button" value="按钮禁用" disabled="true" />
</body>
</html>
javascript setInterval倒计时应用

javascript setInterval倒计时应用

javascript js如何截取字符串中指定长度的字符串呢?


摘要:
下文讲述js截取字符串指定字符串的几种方法分享,如下所示:


实现思路:
截取字符串常用的函数有以下三个
slice(),substring()和substr()

例:


 <script>
var s = "www.maomao365.com";

//应用一个参数截取字符串
alert(s.slice(3));//从第4个字符开始,截取到最后个字符;返回".maomao365.com"
alert(s.substring(3));//从第4个字符开始,截取到最后个字符;返回".maomao365.com"
//当只使用一个参数并且这个参数为0,那么返回整个字符串
alert(s.slice(0));//返回整个字符串
alert(s.substring(0));//返回整个字符串


//应用两个参数
alert(s.slice(1,5));//从第2个字符开始,到第5个字符;返回"ww.m"
alert(s.substring(1,5));//从第2个字符开始,到第5个字符;返回"ww.m"


//返回第一个字符
// 1.位位截取
alert(s.slice(0,1));//返回"w"
alert(s.substring(0,1));//返回"w"
 
//当参数为负数时,他们的返回值却不一样,看下面的例子
alert(s.slice(2,-5));//返回"w.maomao36"
//返回"w";实际上是slice(2,3),负数加上字符串长度转换成正3,(若第一位 >= 第二位, 则返回空字符串);

alert(s.substring(2,-5));//返回前两位"ww"; 实际上是substring(2,0),负数都转换为0,  substring总是把较小的数作为起始位置。

//substring substr函数应用
alert(s.substring(1,5));//从第1位开始,截取到第5位;返回"ww.m"
alert(s.substr(1,5));   //从第1位开始,截取5个字符;返回"ww.ma"

var p = "1234567890";
alert(p.slice(-6)); //取倒数后6位(第二个参数不用写0),返回 '567890';
alert(p.slice(-6,-4)); //取倒数后4位到倒数6位  //返回”56“
 </script>

使用javascript如何禁止网页上的鼠标右键呢?


摘要:
下文讲述使用Javascript代码在网页上禁用右键的方法,如下所示:

web网页中,为防止用户复制粘贴,我们需禁止网页上右键操作,此时我们可以采用以下的方式,
实现禁用网页右键和网页选中

  //www.maomao365.com -禁用网页右键代码
  <script type="text/javascript">
     //禁用右键方法 oncontextment
    document.oncontextmenu=new Function("event.returnValue=false;");
     //禁用选中方法 onselectstart
	document.onselectstart=new Function("event.returnValue=false;");
  </script>