一、倒计时

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>文档标题</title>

</head>

<body>

    <p id="demo"></p>

    <script>

        // Set the date we're counting down to

            var countDownDate = new Date("Feb 1 2100 21:23").getTime();

            // Update the count down every 1 second

            var x = setInterval(function() {

                // Get todays date and time

                var now = new Date().getTime();

                // Find the distance between now an the count down date

                var distance = countDownDate - now;

                // Time calculations for days, hours, minutes and seconds

                var days = Math.floor(distance / (1000 * 60 * 60 * 24));

                var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

                var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));

                var seconds = Math.floor((distance % (1000 * 60)) / 1000);

                // Output the result in an element with id="demo"

                document.getElementById("demo").innerHTML = days + " 天 " + hours + " 小时 "

                + minutes + " 分钟 " + seconds + " 秒";

                // If the count down is over, write some text

                if (distance < 0) {

                    clearInterval(x);

                    document.getElementById("demo").innerHTML = "EXPIRED";

                }

            }, 1000);

    </script>

</body>

</html>

二、获取文字

<html>

<head>

<meta charset="UTF-8">

<title>OCR</title>

<style>

*{

    padding:0;

    margin:0;

}

.ddd{

    display:block;

    width:15%;

    height:400px;

    background-color:red;

    margin-left:82%;

    margin-top:-45%;

}

</style>

</head>

<body>

<div id="xxx" >

    确认过眼神 我遇上对的人<br />

    我策马出征 马蹄声如泪奔<br />

    青石板上的月光照进这山城<br />

    我一路的跟 你轮回声 我对你用情极深<br />

    洛阳城旁的老树根<br />

    像回忆般延伸你问<br />

    经过是谁的心跳声<br />

    我拿醇酒一坛饮恨<br />

    你那千年眼神是我<br />

    醉醉坠入赤壁的 伤痕<br />

    确认过眼神 我遇上对的人<br />

</div>

        <input type="text" id="in" />

<script>

    var oContent =document.getElementById('xxx');

    oContent.onmouseup = function(){

        var xx = selectText();

        if(xx == ""){

        }else{

            document.getElementById('in').value = xx;

        }

    };  

    function selectText(){

        if(document.Selection){

            //ie浏览器

            return document.selection.createRange().text;

        }else{

            //标准浏览器

            return window.getSelection().toString();

        }

    }

</script>

</body>

</html>

但是无法获取 网页中 pdf 的文字内容

javaScript 实现倒计时 + 获取网页中的文字的更多相关文章

  1. javascript高德地图放到网页中的方法

    javascript高德地图放到网页中的方法 1 先获取到经纬度http://lbs.amap.com/console/show/picker 2 下面代码直接设置下中心点 和标记点就可以了 < ...

  2. php获取网页中图片并保存到本地

    php获取网页中图片并保存到本地的代码,将网页中图片保存本地文件夹: save_img("http://www.jbxue.com" ?>

  3. javascript和swf在网页中交互的一些总结

    Javascript和swf在网页中交互一般可有以下几种情况: 1.swf和这些调用的javascript在同域 2.swf和这些调用的javascript在不同域,比如加载远程的swf然后call别 ...

  4. php获取网页中图片并保存到本地的代码

    php获取网页中图片并保存到本地的代码,将网页中图片保存本地文件夹: <?php /** * 获取网页中图片,并保存至本地 * by www.jbxue.com */ header(" ...

  5. 使用jquery获取网页中图片的高度——解惑

    jQuery获取网页中图片的高度 使用jquery获取网页中图片的高度其实很简单,有两种常用的方法都可以打到我们的目的 $("img").whith();(返回纯数字) $(&qu ...

  6. 使用selenium的方式获取网页中图片的链接和网页的链接，来判断是否是死链（二）

    上一篇使用Java正则表达式来判断和获取图片的链接以及跳转的网址,这篇使用selenium的自带的API(getAttribute)来获取网页中指定的内容 实现内容:获取下面所有图片的链接地址以及跳转 ...

  7. 如何将 JavaScript 代码添加到网页中，以及 <script> 标签的属性

    Hello, world! 本教程的这一部分内容是关于 JavaScript 语言本身的. 但是,我们需要一个工作环境来运行我们的脚本,由于本教程是在线的,所以浏览器是一个不错的选择.我们会尽可能少地 ...

  8. IOS遍历网页获取网页中<img>标签中的图片url

    前言: 项目中遇见一个需求遍历网页中所有的<img>标签并且去处图片的url 第一步:编写获取<img >标签的正则表达式,代码如下: -(NSArray*)getImgTag ...

  9. 正则表达式相关：C# 抓取网页类（获取网页中所有信息）

    类的代码: using System; using System.Data; using System.Configuration; using System.Net; using System.IO ...

随机推荐

  1. Centos 7搭建Gitlab服务器以及操作（创建项目，创建群组，创建用户，添加密钥）

    一. 安装并配置依赖包 在CentOS系统上安装所需的依赖:ssh,防火墙,postfix(用于邮件通知) ,wget,以下这些命令也会打开 系统防火墙中的HTTP和SSH端口访问 安装前准备 命令: ...

  2. 校验 url 是否以http 或者https 开头

    var reUrl01 = /^((ht|f)tps?):\/\/([\w-]+(\.[\w-]+)*\/?)+(\?([\w\-\.,@?^=%&:\/~\+#]*)+)?$/; var r ...

  3. k8s命令集锦

    集群环境相关命令$kubectl vertion --short=true #显示当前使用的客户端及服务端程序版本信息$kubectl cluster-info #获取集群信息$kubectl api ...

  4. Android APK 手动签名

    首先,如果没有签名密钥,先生成密钥: keytool -genkey -alias android.keystore -keyalg RSA -validity 20000 -keystore and ...

  5. "TypeError: handler.call is not a function"问题

    进入组件页面时,vue报错:Error in mounted hook: "TypeError: handler.call is not a function", 造成报错原因就是 ...

  6. web前端_js

    在HTML中可以将JavaScript/JS的代码写在head中,被script标签所包裹,当浏览器解释HTML时,遇到style标签时,按照CSS规则解释,遇到Script标签时,按照JavaScr ...

  7. Spring Boot 之 Profile --快速搞定多环境使用与切换

    Spring Profile是Spring3引入的概念,主要用在项目多环境运行的情况下,通过激活方式实现多环境切换,省去多环境切换时配置参数和文件的修改,并且Spring profile提供了多种激活 ...

  8. #pragma once vs #ifndef

    最后编辑: 2019-11-20 #pragma once 是一个非标准但被广泛支持的预处理符号, 其主要作用是防止文件重复引入问题. 在头文件中,可以定义 #pragma once 或者 #ifnd ...

  9. Java并发编程的艺术笔记（八）——线程池

    一.线程池的主要处理流程 ThreadPoolExecutor执行execute方法分下面4种情况. 1)如果当前运行的线程少于corePoolSize,则创建新线程来执行任务(注意,执行这一步需要获 ...

  10. DH加密算法

    http://blog.csdn.net/zbw18297786698/article/details/53609794