一、倒计时

<!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. 如何优雅高效的写博客（Sublime + Markdown + Evernote）

    如何优雅高效的写博客(Sublime + Markdown + Evernote) 本文主要是参照了几位大神的博客加上自己捣鼓了半天,比较适合新手流畅阅读 非常感谢下面两位大神: @dc_726: h ...

  2. thinkphp5权限仿制

    权限列表 流程 thinkphp5封装好的权限模块 RBAC还有auth and then .......管理员表,可以依据auth.php搭建所有的权限表

  3. thinkPHP5.0.22初体验---路由，url访问

    “豪情卷起万重浪,吼吼哈哈-”一学thinkPHP才知道这是个国内研究的php web开发框架,瞬间自豪感如电流一般传遍全身 这就不多不说说 一.控制器 所谓MVC编程,无外乎函数(sometimes ...

  4. Jquery+json绑定带层次下拉框（select控件）

    一.实现的效果图 备注: 1.主要实现添加类别绑定到Ztree树之后,select下拉框在不刷新页面的情况下,通过Jquery重新绑定问题,增加用户体验度: 2.这个只是实现两层的绑定,通过sql语句 ...

  5. i3wm

    1.音量调节(alsa-utils) alsamixer: alsamixer is a graphical mixer program for the Advanced Linux Sound Ar ...

  6. selenium环境搭建：Error: could not find java.dll 报错问题

    搭建java环境,参照其他的安装步骤,搭建即可. 问题:出现如下报错信息. Error: could not find java.dll Error: Could not find Java SE R ...

  7. CSS 内边距 padding 属性

    CSS padding 属性定义元素边框与元素内容之间的空白区域. ㈠padding(填充) ⑴当元素的 padding(填充)内边距被清除时,所释放的区域将会受到元素背景颜色的填充. ⑵单独使用 p ...

  8. 计算机网络（二），TCP/IP四层模型常见协议

    目录 1.应用层协议 2.传输层协议 3.网络层协议 4.链路层协议 二.TCP/IP四层模型常见协议 1.应用层协议 (1)POP3 (2)FTP (3)HTTP (4)Telnet (5)SMTP ...

  9. linux环境下C++写TCP通信（一）

    #include<stdio.h> #include<string.h> //tcp #include<unistd.h> #include<sys/type ...

  10. 9.Python关键字（保留字）一览表

    保留字是 Python 语言中一些已经被赋予特定意义的单词,这就要求开发者在开发程序时,不能用这些保留字作为标识符给变量.函数.类.模板以及其他对象命名. Python 包含的保留字可以执行如下命令进 ...