網頁主要是想用來做資訊流推廣。網頁內會放置多個靜態二維碼。進入網頁之后，網頁會自動重繪，每重繪一次，網頁內的二維碼會變更。可以實作嘛？大佬們
uj5u.com熱心網友回復：
二維碼，你如果需要變更的話就要用到QRCode.jsvar qrcode = new QRCode("test", {
text: "http://www.百度.com",
width: 128,
height: 128,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
qrcode.clear(); // 清除代碼
qrcode.makeCode("http://www.w3cschool.cc"); // 生成另外一個二維碼至于變更時點擊觸發還是計時器延時器觸發由你自己控制的，觸發的回呼時更改網址。
uj5u.com熱心網友回復：
滿意請結貼
uj5u.com熱心網友回復：
這個代碼怎么寫啊
uj5u.com熱心網友回復：
你會js嗎，會的話直接去QRCode.js官網找到這個js 的引入方法，然后寫一個延時器，也就是你所說的每隔幾秒重繪一次，內容就是我上個評論的代碼。uj5u.com熱心網友回復：
https://github.com/davidshimjs/qrcodejs 這個git庫里面有使用案例uj5u.com熱心網友回復：
你確定是頁面重繪，不是資料變更= =要是三秒重繪一次，用戶體驗還有嗎= =網速慢點的三秒還沒進來，你又重繪了
uj5u.com熱心網友回復：
引入：你如果直接html頁面就映入他們提供git里面的qr.js就可以了，如果是框架的話可以 npm install qrcodejs2 下載依賴項然后你的需求進入網頁，自動重繪；
/**
* 適用于二維碼非后臺請求型別，后臺請求的url就更簡單了，每3秒請求一次，成功請求后清除上一個二維碼，拿到的的網址進行賦值即可
*/
var urlList = ['url1','url2','url3','url4'];//你要實時變更的網址匯總
var index = 0;//默認第一個
var qrcode = new QRCode("test", {
text: urlList[index],
width: 128,
height: 128,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
setInterval(function(){
index++;
qrcode.clear(); // 清除代碼
qrcode.makeCode(urlList[index]); // 生成另外一個二維碼
},3000)//每隔3秒重繪一次
uj5u.com熱心網友回復：
更正一下，然后只是頁面的二維碼每隔幾秒重繪一次，頁面重繪肯定不合理的，哪有看著看著你給他刷了。/**
* 適用于二維碼非后臺請求型別，后臺請求的url就更簡單了，每3秒請求一次，成功請求后清除上一個二維碼，拿到的的網址進行賦值即可
*/
var urlList = ['url1','url2','url3','url4'];//你要實時變更的網址匯總
var index = 0;//默認第一個
var qrcode = new QRCode("test", {
text: urlList[index],
width: 128,
height: 128,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
setInterval(function(){
index++;
if(index==4){
index = 0
}
qrcode.clear(); // 清除代碼
qrcode.makeCode(urlList[index]); // 生成另外一個二維碼
},3000)//每隔3秒重繪一次
uj5u.com熱心網友回復：
你的靜態二維碼是不是qrcode生成的，如果不是qrcode生成的，就是一張圖的話，就簡單的一個輪播圖也可以；三秒換個圖而已
uj5u.com熱心網友回復：
雖然沒有才用你的方法，但是怎么結帖
uj5u.com熱心網友回復：
你好，如果我想做到掃碼切換不同的二維碼呢？這個可以實作嗎uj5u.com熱心網友回復：
定時器可以三秒，但是這樣的話，你那個二維碼的作用就沒有了啊，三秒可能就看下，就沒有了轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/27095.html
標籤：HTML(CSS)