日度归档:2020年2月8日

javascript 如何验证字符串全部都是汉字呢?


摘要:
下文讲述javascript中使用正则表达式的方式验证字符串为汉字的方法分享,如下所示:

在web网页开发中,我们需要验证字符串是否为汉字呢? 下文讲述使用正则表达式验证汉字的方法分享,如下所示:

<meta charset='utf-8' >
<script>
var reg=/^[^u4E00-u9FA5]+$/g;
var s1="猫猫小屋";
var s2="www.maomao365.com 猫猫小屋";
alert(reg.test(s1)); //弹出true代表全是汉字
alert(reg.test(s2));
</script>
javascript js验证字符串全部为中文的方法分享

javascript js验证字符串全部为中文的方法分享

javascript 如何使用js代码生成一个圆形百分比加载效果呢?


摘要:
下文讲述javascript中,使用Js代码生成一个圆形百分比的加载效果的方法分享,如下所示:


 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)--js使用canvas绘制一个圆形百分比框的方法分享</title>
<style>
*{
  padding: 0; 
  margin: 0;
}
.circle{
  width: 180px;
  height: 180px;
  margin: 20em auto;
  position: relative;
}
canvas{
  display: block;
  margin: 0;
  position: absolute;
  background: white;
  left: 0;
  top: 0;
}
#c1{z-index: 1 }
#c2{
  z-index: 2; 
  background: transparent;
  transform:rotate(-90deg); 
}
</style>
</head>
<body>
<div class="circle">
  <canvas id="c1" width="180" height="180"></canvas>
  <canvas id="c2" width="180" height="180"></canvas>
</div>
<script>
function init(percent) {
  var c1 = document.querySelector('#c1');
  var c2 = document.querySelector('#c2');
  var ctx_1 = c1.getContext('2d');
  var ctx_2 = c2.getContext('2d');
  ctx_1.lineWidth = 10;
  ctx_1.strokeStyle = "gray";
  //画底部的灰色圆环
  ctx_1.beginPath();
  ctx_1.arc(c1.width/2,
  
  
  
  c1.height / 2, c1.width / 2 - ctx_1.lineWidth / 2, 0, Math.PI * 2, false);
  ctx_1.closePath();
  ctx_1.stroke();
  if (percent < 0 || percent > 100) {
    throw new Error('百分比必须为0~100');
    return
  }
  ctx_2.lineWidth = 10;
  ctx_2.strokeStyle = "blue";
  var angle = 0;
  var timer;
  (function draw() {
    timer = requestAnimationFrame(draw);
    ctx_2.clearRect(0, 0, c2.width, c2.height)
      //百分比圆环
    ctx_2.beginPath();
    ctx_2.arc(c2.width / 2, c2.height / 2, c2.width / 2 - ctx_2.lineWidth / 2, 0, angle * Math.PI / 180, false);
    angle++;
    var percentAge = parseInt((angle / 360) * 100)
    if (angle > (percent / 100 * 360)) {
      percentAge = percent
      window.cancelAnimationFrame(timer);
    };
    ctx_2.stroke();
    ctx_2.closePath();
    ctx_2.save();
    ctx_2.beginPath();
    ctx_2.rotate(90 * Math.PI / 180)
    ctx_2.font = '30px Arial';
    ctx_2.fillStyle = 'blue';
    var text = percentAge + '%';
    ctx_2.fillText(text, 80, -90);
    ctx_2.closePath();
    ctx_2.restore();
  })()
}
window.onload = init(70);
</script>
</body>
</html>
javascript canvas 绘制圆形百分比方法分享

javascript canvas 绘制圆形百分比方法分享

jQuery 如何使用脚本提交几个表单呢?


摘要:
下文讲述jquery代码提交多个表单的方法分享,如下所示:

例:
使用jquery脚本提交多个表单的方法

    
<script type="text/javascript">
$(function(){
	 //为保存按钮绑定点击事件
  $("#btnSave").click(function(){
	
	   //提交第一个表单
    $("form[name='form-1']").submit();

       //提交第二个表单
    $("form[name='form-2']").submit();
  })
})
</script>