web建站教程

  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. php入门
    nodejs
    mockjs
    mysql
    织梦cms
    帝国cms
    git教程

用setTimeout()设置循环定时器

167 ℃

下面web建站教程为大家介绍一下用setTimeout()设置循环定时器

setTimeout()设置循环定时器,程序会每隔一秒输出一个值。代码如下:

let i = 0;

function timer() {
    i++;
    console.log(i);
    // 函数内定时器的回调函数会继续调用 timer()
    // 每秒自调用一次,因此实现类似死循环的效果
    setTimeout( () => { 
        timer(); 
    }, 1000);
}
// 启动函数
timer()

javaScript设置定时器清除定时器

setTimeout倒计时,在兼容模式下遇到的坑

上面是“用setTimeout()设置循环定时器”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_2284.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

js将链接生成二维码并转为图片的方法(图片可以

HTML代码
<div class="QRcode-box">
    <div id="QRcode">
        <h3 id="qrcode" style="display: none;"></h3>
        <h3><img src="" id="qrcodeImg"></h3>
        <h4>微信长按识别二维码查看</h4>
        <h5>有效期至2020/09/26 11:00:00</h5>
    </div>
    <div class="share-type">
        <a href="javascript:shareWx()"><img src="images/share1.png">分享到微信</a>
        <a href="javascript:saveAlbum()"><img src="images/share2.png">保存到相册</a>
    </div>
</div>
//JS
//链接生成二维码
var qrcode = $('#qrcode').qrcode({
    width: 200,
    height: 200,
    text: "http://www.ipkd.com",
});
//二维码转图片
var canvas = qrcode.find('canvas').get(0);
var data = canvas.toDataURL('image/jpg');
$('#qrcodeImg').attr('src', data);
//保存到相册
function saveAlbum() {
    html2canvas(QRcodeDownload, {
        onrendered: function(canvas) {
            //添加属性
            canvas.setAttribute('id', 'thecanvas');
            //读取属性值
            // var value= canvas.getAttribute('id');
            document.getElementById('images').innerHTML = '';
            document.getElementById('images').appendChild(canvas);
            var oCanvas = document.getElementById("thecanvas");
            /*自动保存为png*/
            // 获取图片资源
            var img_data1 = Canvas2Image.saveAsPNG(oCanvas, true).getAttribute('src');
            saveFile(img_data1, '图片名称.png');
        }
    });
    // 保存文件函数
    var saveFile = function(data, filename) {
        var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
        save_link.href = data;
        save_link.download = filename;

        var event = document.createEvent('MouseEvents');
        event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        save_link.dispatchEvent(event);
    };
}
点击阅读全文
上一篇:javaScript设置定时器清除定时器
下一篇:javaScript简单介绍的Math对象方法