一、倒计时

<!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. flutter 学习路上碰到的错误问题。

    决定还是把碰到的问题进行简单记录吧 19.8.14 错误日志: type '_InternalLinkedHashMap<dynamic, dynamic>' is not a subty ...

  2. HTML5 Geolocation学习

    GeolocationAPI学习,我写的挺枯燥的,直接跳到最后看示例. 5.1 位置信息 HTML5 Geolocation API的使用方法相当简单.请求一个位置信息,如果用户同意,浏览器就会返回位 ...

  3. tp5.1引用第三方类库

    1.TP5第三方类库全部放在Extend目录内,如果是放在Extend目录下,则不需要再类库里声明namespace.直接 new \YourClass() 即可 2.如果你的类库在Extend的子目 ...

  4. yaml格式介绍

    一.简介 YAML 语言(发音 /ˈjæməl/ )的设计目标,就是方便人类读写.它实质上是一种通用的数据串行化格式. 它的基本语法规则如下. 大小写敏感 使用缩进表示层级关系 缩进时不允许使用Tab ...

  5. 2019春Python程序设计练习5(0416--0422)

    6-1 6-1.使用函数求特殊a串数列和 (30 分)   给定两个均不超过9的正整数a和n,要求编写函数fn(a,n) 求a+aa+aaa++⋯+aa⋯aa(n个a)之和,fn须返回的是数列和 函数 ...

  6. JavaScript分支结构Ⅰ—IF-ELSE

    ㈠程序 ⑴程序的流程控制 程序=数据+算法 ⑵程序的三种结构: ①顺序结构 ②分支结构 ③循环结构 ㈡IF结构 ⑴什么是分支结构? 程序在运行过程中,根据不同的条件,选择执行某些语句 ⑵什么是IF结构 ...

  7. shiro之缓存

    1 细说shiro之七:缓存:https://www.cnblogs.com/nuccch/p/8044226.html 2 Shiro缓存使用Redis.Ehcache.自带的MpCache实现的三 ...

  8. SpringBoot整合Elastic-job(详细)

    一 作业分片1.分片概念作业分片是指任务的分布式执行,需要将一个任务拆分为多个独立的任务项,然后由分布式的应用实例分别执行某一个或几个分片项.例如:Elastic-Job快速入门中文件备份的例子,现有 ...

  9. 转载：tcp详解

    TCP详解 转自:http://www.cnblogs.com/kzloser/articles/2582957.html 首部格式 图释: 各个段位说明: 源端口和目的端口: 各占 2 字节.端口是 ...

  10. HDU 6071 Lazy Running (最短路)

    题目链接 http://acm.hdu.edu.cn/showproblem.php?pid=6071 题解 又是一道虐信心的智商题... 首先有一个辅助问题,这道题转化了一波之后就会化成这个问题: ...