素数又称质数，是大于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. Web API（七）：Basic基础认证

    1.WebApi中为什么需要身份认证 我们在使用WebApi的时候,都是通过URL去获取数据.也就是说,任何人只要知道了URL地址,就能随意的访问后台的服务接口,就可以访问或者修改数据库数据了,这样就 ...

  2. 基于 bootstrap 的 vue 分页组件

    申手党点这里下载示例 基于 bootstrap 的 vue 分页组件,我想会有那么一部分同学,在使用Vue的时候不使用单文件组件,因为不架设 NodeJS 服务端.那么网上流传的 *.vue 的各种分 ...

  3. LR中错误代号为27796的一个解决方法

    问题:   曾经遇到过一个问题,在一次性能测试过程中,使用http协议的多用户向服务器发送请求.设置了持续时间,出现错误为:27796, Failed to connect to server 'ho ...

  4. Qt实现探测当前有没有网络连接（Wi-Fi)——QNetworkConfigurationManager.isOnline()

    1.只需要探测当前有没有连上Wi-Fi(不用获取网络状态),可以调用<QNetworkConfigurationManager>类. QNetworkConfigurationManage ...

  5. Java如何监视线程的状态？

    在Java编程中,如何监视线程的状态? 以下示例演示如何通过扩展Thread类并使用currentThread.getName()方法来监视线程的状态. package com.yiibai; cla ...

  6. JDBC创建表实例

    在本教程将演示如何在JDBC应用程序中创建一个数据库表. 在执行以下示例之前,请确保您已经准备好以下操作: 具有数据库管理员权限,以在给定模式中创建数据库表. 要执行以下示例,需要用实际用户名和密码替 ...

  7. JDBC简单示例代码

    本文章教程中将演示如何创建一个简单的JDBC应用程序的示例. 这将显示如何打开数据库连接,执行SQL查询并显示结果. 这个示例代码中涉及所有步骤,一些步骤将在本教程的后续章节中进行说明. 创建JDBC ...

  8. Xianfeng轻量级Java中间件平台：用户管理

    用户管理:简单地说,就是管理系统用户的账号信息.在典型的业务系统中,用户管理往往不包含用户隶属组织机构相关属性(比如部门.岗位等)的维护,而是由组织机构管理专门去维护.因此在用户管理的功能中,主要就维 ...

  9. Maven最佳实践-distributionManagement

    分发构件至远程仓库 mvn install 会将项目生成的构件安装到本地Maven仓库,mvn deploy 用来将项目生成的构件分发到远程Maven仓库.本地Maven仓库的构件只能供当前用户使用, ...

  10. Java无参构造方法

    一定要保留无参构造方法.---------->反射是最重要的操作原理,大量地应用了反射处理机制. 如Struts.Spring框架等.