Menu
Woocommerce Menu

Javascript基础教程之数据类型转换,js简单抽奖代码

0 Comment

希望本文所述对大家的javascript程序设计有所帮助。

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>random</title>
 <style>
  #awardListDom{width: 100%;}
 </style>
</head>
<body>
 <label for="awardListDom">奖项列表</label><br>
 <input type="text" value="" id="awardListDom"> <br>
 <label for="num">抽到的奖</label><br>
 <input type="text" value="" id="num"> <br>
 <button id="submit">开始抽奖</button>
 <script>
  /* 
  * 思路:随机抽奖,抽一个奖项便减少一个
  * Math 对象方法:http://www.w3school.com.cn/jsref/jsref_obj_math.asp
  *  -random():返回 0 ~ 1 之间的随机数。
  *  -floor():获取整数
  * 数组操作:
  *  - splice(x,y); x:起始位置, y:获取并删除个数
  */

  function random(min,max){
    return Math.floor(min+Math.random()*(max-min));
  }
  var awardListDom=document.getElementById("awardListDom"),
  num=document.getElementById("num"),
  submit=document.getElementById("submit");
  var awardList=["一等奖","二等奖","二等奖","三等奖","三等奖","三等奖","鼓励奖","鼓励奖","鼓励奖","鼓励奖","谢谢参与","谢谢参与","谢谢参与","谢谢参与","谢谢参与","谢谢参与"];

  awardListDom.value=awardList;
  submit.onclick=function(){
   //引用数组
   var oldArray=awardList;
   var rNum=random(0,oldArray.length);

   if(oldArray.length<1){
    awardListDom.value="活动结束";
    num.value="活动结束";
   }
   else{
    num.value=oldArray[rNum];
    oldArray.splice(rNum,1);
    awardListDom.value=oldArray;
   }
  }
 </script>
</body>
</html>

复制代码 代码如下:

<html>
<head>
<title>javascript正则表达式之search()实例</title>
<meta http-equiv=”content-type” content=”text/html;charset=utf-8″
/>
<script type=”text/javascript”
src=”jquery-1.8.2.min.js”></script>
<script type=”text/javascript”>
 $(function(){
  $(“button”).click(function(){
   var str = $(“p”).text();
   var reg = /王美人/;
   num = str.search(reg);
   num++;
   $(“ul”).text(“王美人出现在第 ” + num + ” 位”);
  });
 });
</script>
<style type=”text/css”>
h5{color:blue;}
</style>
</head>
<body>
<h5>查找”王美人”出现的位置</h5>
<p>这是王美人的照片吗?真漂亮</p>
<button>点我有惊喜</button>
<ul></ul>
</body>
</html>

demo:

复制代码 代码如下:

您可能感兴趣的文章:

  • JScript中正则表达式用法详解
  • javascript 正则表达式用法
    小结
  • js正则表达式之replace函数用法
  • JS 正则表达式用法介绍
  • PHP和javascript常用正则表达式及用法实例
  • js正则表达式中的问号几种用法小结
  • js正则表达式test()和exec()用法实例
  • JS正则表达式基本用法(经典全)
  • JSP中正则表达式用法实例
  • JS正则表达式比较常见用法

github:

 最简单的类型转化的例子

复制代码 代码如下:

您可能感兴趣的文章:

  • js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
  • js轮盘抽奖实例分析
  • js抽奖实现随机抽奖代码效果
  • js实现大转盘抽奖游戏实例
  • js实现简单随机抽奖的方法
  • jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
  • javascript
    随机抽奖程序代码
  • JS模拟抽奖序效果实现代码
  • 原生JS实现九宫格抽奖效果
  • JS实现方形抽奖效果

您可能感兴趣的文章:

  • JavaScript隐式类型转换
  • Javascript类型转换的规则实例解析
  • 简单介绍JavaScript数据类型之隐式类型转换
  • JavaScript中的值类型转换介绍
  • js数值计算时使用parseInt进行数据类型转换(jquery)
  • 一篇文章搞定JavaScript类型转换(面试常见)

本文实例讲述了javascript正则表达式之search()用法。分享给大家供大家参考。

核心:js的Math对象和Array对象

复制代码 代码如下:

具体实例代码如下:

parseInt()的先检查下标0处的字符,如果这个字符是有效字符,则检查1处的字符,如果不是有效字符,则终止转化。下面的例子是parseInt()的举例

标签:,

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章

网站地图xml地图