素数又称质数，是大于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. spring框架中的@Import注解

    spring框架中的@Import注解 Spring框架中的@Import注解 在之前的文章中,作者介绍了Spring JavaConfig. 这是除了使用传统的XML文件之外,spring带来的新的 ...

  2. WebRTC 源码分析（二）：安卓预览

    有过一定相机开发经验的朋友可能会疑惑,预览还有什么好分析的,不是直接 camera.setPreviewDisplay 或者 camera.setPreviewTexture 就能在 SurfaceV ...

  3. Python __init__函数的使用

    class Cat: def __init__(self,_name): self.name = _name def eat(self): print("i am eating ." ...

  4. WEB打印大全

    1.控制"纵打". 横打”和“页面的边距. (1)<script defer> function SetPrintSettings() {  // -- advance ...

  5. 【转】【Python】Python发送邮件（常见四种邮件内容）

    在写脚本时,放到后台运行,想知道执行情况,会通过邮件.SMS(短信).飞信.微信等方式通知管理员,用的最多的是邮件.在linux下,Shell脚本发送邮件告警是件很简单的事,有现成的邮件服务软件或者调 ...

  6. MyBatis where标签语句

    当 where 中的条件使用的 if 标签较多时,这样的组合可能会导致错误.当 java 代码按如下方法调用时: @Test public void select_test_where() { Use ...

  7. 生成基于Maven的项目文档站点

    在Maven中,可以使用“mvn site”,为您的项目信息生成文档站点. mvn site 生成的网站是在项目的“target/site”文件夹中. mvn site 示例 请参见通过“mvn si ...

  8. Oracle表明明存在SQL查询数据提示表不存在异常

    今天同事遇到一个很奇怪的问题,恢复了一个数据库,表明明存在,用PLSQL和sqlplus都试过了,SQL语句select * from 表名,查询数据,却提示表名不存在异常 然而,使用select * ...

  9. usermod命令/用户密码管理/mkpasswd命令

    3.4 usermod命令 3.5 用户密码管理 3.6 mkpasswd命令 usermod命令 设置用户uid: usermod  -u  111 username 设置用户gid usermod ...

  10. iOS 多线程简单使用的具体解释

    主线程 一个iOS程序执行后.默认会开启1条线程,称为"主线程"或"UI线程"(刷新UI界面最好在主线程中做.在子线程中可能会出现莫名其妙的BUG) 主线程的作 ...