素数又称质数，是大于1的自然数，并且只有1和它本身两个因数。

具体实现代码如下：

运行代码

<!DOCTYPE HTML>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <script type="text/javascript" src="http://files.cnblogs.com/greenteaone/jquery-2.1.3.min.js" charset="utf-8"></script>

    <title></title>

</head>

<body>

<script type="text/javascript">

    //方法1，当要求取得超过5000范围内的素数时，此法耗时少

    function printPrime1(){

        var t1=new Date();

        var n=$("#number").val();

        var status=0;

        var numbers='方法1：2,3';

        var all=2;

        console.log('素数=',2);

        for(var i=5;i<n;i++){

            for (var j = 2; j <= Math.sqrt(i); j++) {

                if (i % j == 0) {

                    status = 0;

                    break;

                } else {

                    status = 1;

                }

            }

            if(status==1){

                numbers=numbers+','+i;

                all=all+1;

            }

        }

        var t2=new Date();

        var t=parseFloat(t2-t1);

        $("#showTime1").html(t);

        $('#all1').html('总的素数'+all+','+numbers);

    }

    //方法2：当要求取得小于5000范围内的素数时，此法耗时跟方法1相差不大

    function printPrime2(){

        var t1=new Date();

        var n=$("#number").val();

        var status=0;

        var all=1;

        var numbers='方法2：2';

        for(var i=3;i<n;i++){

            for(var k=2;k<i;k++){

                if(i%k==0){

                    status=0;

                    break;

                }else{

                    status=1

                }

            }

            if(status==1){

                numbers=numbers+','+i;

                all=all+1;

            }

        }

        var t2=new Date();

        var t=t2-t1;

        $("#showTime2").html(t);

        $('#all2').html('总的素数'+all+','+numbers);

    }

    function clearNumbers(){

        $('#all1').html('');

        $('#all2').html('');

    }

</script>

<style type="text/css">

    input{

        text-align: center;

        height:30px;

        border:1px solid #CCC;

        border-radius: 3px;

        box-shadow:3px 3px lavender ;

    }

    button{

        box-shadow: 2px 3px lavenderblush;

        height: 30px;

        border-radius: 13px;

        border: 1px solid #ccc;

        background: coral;

    }

    label{

        width: 60px;

    }

    p{

        width:90%;

        margin:auto;

        word-break: break-all ;

        line-height: 30px;

    }

    div{

        width:90%;

        margin:auto;

    }

</style>

<div>

    <input type="text" id="number" placeholder="请输入数字" onfocus="clearNumbers()"  />

    <button onclick="printPrime1()" >打印素数（方法1）</button>

    <label>耗时</label>

    <label id="showTime1"></label>

    <button onclick="printPrime2()" >打印素数（方法2）</button>

    <label>耗时</label>

    <label id="showTime2"></label>

</div>

<P id="all1" mode="wrap"></P>

<P id="all2"></P>

</body>

</html>

javascript 显示一定范围内的素数（质数）的更多相关文章

  1. 【百度地图API】如何利用自己的数据制作社交地图？只显示可视区域内的标注

    原文:[百度地图API]如何利用自己的数据制作社交地图?只显示可视区域内的标注 摘要:如果你自己的数据已经超过1万个,如何进行合理的显示?除了聚合marker外,还有一个办法.那就是,只显示可视区域内 ...

  2. C++之输出100-200内的素数

    素数(质数)    除了1和它本身以外不再被其他的除数整除. // 输出100--200内的素数 #include<iostream> using namespace std; int m ...

  3. JS-安全检测JavaScript基本数据类型和内置对象的方法

    前言:在前端开发中经常会需要用到检测变量数据类型的需求,比如:判断一个变量是否为undefined或者null来进行下一步的操作,今天在阅读“编写高质量代码-改善JavaScript程序的188个建议 ...

  4. JavaScript-在当前显示区范围内实现点不到的小方块

    <!doctype html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. 【JavaScript学习】-JS内置对象1-对象概述

    对象(object): JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和 方法.JavaScript 提供多个内建对象,比如 String.Date.Ar ...

  6. java学习日记-基础-列出2~100内的素数

    素数的概念:一个整数如果只能整除1和它本身,那么这个整数就是一个素数 方法一:素数是除去能被2整除.3整除.5整除.7整除的整数,但包含2,3,5,7 public class Sushu { pub ...

  7. javascript:面向对象和常见内置对象及操作

    本文内容: 面向对象 常见内置对象及操作 首发日期:2018-05-11 面向对象: JavaScript 是面向对象的编程语言 (OOP).OOP 语言使我们有能力定义自己的对象和变量类型. 对象是 ...

  8. Unity 屏幕外死亡的敌人的分数显示在屏幕内

    在敌人死亡后,会出现分数,如果敌人死亡的位置在屏幕内,那么使得获得的分数显示在屏幕内,超出屏幕范围的,显示在屏幕外 当然,这里例子是使得场景中的物体显示在屏幕内,当然也可以使用纯粹的UGUI物体的显示 ...

  9. JavaScript 获取和修改 内联样式

    JavaScript 获取和修改 内联样式 版权声明:未经授权,严禁转载分享! 元素的样式 HTML 元素的 style 属性返回一个 CSSStyleDeclaration 类型的对象. Style ...

随机推荐

  1. 关于安装black apple遇到的坑

    1.用料准备: vmware player或vmware workstation,osx系统安装包(后缀名为cdr的几个G大小的文件),为vmware安装osx的补丁安装包unlocker 2.在安装 ...

  2. 客户端Ｃookie读取操作

    function SetCookie(name,value) { //此 cookie 将被保存 30 天(可活动配置) var Days = 30; var exp = new Date(); ex ...

  3. JavaScript 作用域链解析

    JavaScript 中有 Scope( 作用域 ) , Scope chain( 作用域链 ) , Execute context( 执行上下文 ) , Active Object ( 活动对象 ) ...

  4. Linux gcc/g++链接编译顺序详解

    gcc/g++链接时对库的顺序要求 -Ldir Add directory dir to the list of directories to be searched for -l. -llibrar ...

  5. 树莓派 NOOBS 安装系统

    Raspberry Pi Foundation发布了一个名为“New Out of Box Software”(NOOBS)的工具,可以用来方便的安装系统,让我们尝试一下这个新的安装工具. 以我的树莓 ...

  6. Python之2维list转置、旋转及其简单应用

    给一个矩阵,顺时针旋转顺序输出其元素,例如: 对于矩阵: [ 1, 2, 3 ] [ 4, 5, 6 ] [ 7, 8, 9 ] 输出为: 1,2,3,6,9,8,7,4,5 def transpos ...

  7. if 结构和三目运算和switch语句

    if语句需要注意的地方: if判断只能接一个语句,存在多个语句时,用块语句表示{},若在if判断后 直接加“:”相当于if判断后加一个空语句,即使条件成立什么也不会干! 1. if的第一种形态(真假) ...

  8. hibernate向mysql数据库插入中文显示??

  9. 适合Eclipse Juno的UML插件

    今天给Eclipse安装UML插件,试了很多都不兼容,我用的Ecllipe版本是4.2 最后终于找到一个叫做AmatersUML的插件还能用,不过还是不够顺手,比如对泛型支持不够,不能从图形直接跳到相 ...

  10. Java设计模式之七大结构型模式（附实例和详解）

    博主在大三的时候有上过设计模式这一门课,但是当时很多都基本没有听懂,重点是也没有细听,因为觉得没什么卵用,硬是要搞那么复杂干嘛.因此设计模式建议工作半年以上的猿友阅读起来才会理解的比较深刻.当然,你没 ...